chrome下的img.onload

今天发现chrome下的一个小问题，当img.src重复设置为相同值的时候，img.onload不会重复执行。

<img src=""><button>click me</button><script>
var img = document.getElementsByTagName('img')[0];
var button = document.getElementsByTagName('button')[0];var count = 0;
button.onclick = function(){img.onload = function(){alert('you load:'+(++count));};img.src = 'chrome.jpg';
}
</script>

为了让img.onload每次都能运行，只能让img.src每次都改变。

方法一——加时间戳：

img.src = 'chrome.jpg?r='+(new Date());

但这种方法让浏览器无法缓存图片，因此可以使用方法二：

img.onload = null;//先解除onload事件
img.src = '';//让img.src改变
img.onload = function(){//再绑定onload事件//your code here
};
img.src = 'chrome.jpg';

转载于:https://www.cnblogs.com/lefeng/archive/2013/03/05/2944298.html

chrome下的img.onload相关推荐

取消chrome下input和textarea的聚焦边框
取消chrome下input和textarea的聚焦边框 2011-12-13 15:48:42| 分类: css兼容问题|举报|字号订阅取消chrome下input和textarea的聚焦边框 ...
chrome下input[type=text]的placeholder不垂直居中的问题解决
http://blog.csdn.net/do_it__/article/details/6789699 <input type="text" placeholder=&qu ...
chrome jsp 显示不正常_JSP程序在chrome下不兼容的问题！
比如,我这里有个:"> 比如,我这里有个: οnclick="javascript:onChooseLongCode()" value="..." ...
chrome下老是弹出网页显示 true
其实这个问题是chrome下安装了一些插件的原因,一般来说是安装迅雷插件会出现这个问题,删除迅雷插件就好了.
td设置虚线dotted框，在chrome下有时会出现实线bug
2019独角兽企业重金招聘Python工程师标准>>> chrome浏览器中,为td设置border:1px dotted #eee;时,有些地方会出现实线. 这是因为Chrome在 ...
Chrome下图片加载的问题
今天在做一个js loading效果的页面的时候发现在Chrome下图片显示不出来,过程如下: 在这个页面中在"<a href="/xxx/xxxx" class= ...
Chrome下如何复制禁止复制网页上的文字
上网或工作的时候,看到一些文章大家可能想复制或是收藏起来,但是当你要复制的时候却发现,根本复制不了,被网站做复制限制了,右键也给禁了.这可怎么办呢?正所谓,万物皆可破,在这里给大家介绍一个简单的方法, ...
Chrome下, iframe中PageUp时导致父/祖先元素显示错位
Chrome下, iframe中PageUp时导致父/祖先元素显示错位问题实际工作中发现, 在Chrome浏览器下, 在iframe中按PageUp键, 会导致父元素显示错位. 如下图: 此时获取 ...
解决chrome下用google搜索图片第二页以后不显示的问题
转自:http://blog.sina.com.cn/s/blog_642319dd010127bx.html 前不久发现一个奇怪的问题,就是chrome下使用谷歌的图片搜索,第一页图片可以正常显示, ...

chrome下的img.onload

chrome下的img.onload相关推荐

最新文章

热门文章