标签:
判断图片是否加载完成有三种方式。
img.onload = function() {
alert(‘加载完毕‘); }测试,所有浏览器都显示出了“加载完毕”,说明所有浏览器都支持img的load事件。
img.onreadystatechange = function() { if(img.readyState=="complete"||img.readyState=="loaded"){ alert(‘加载完毕‘) } }readyState为complete和loaded则表明图片已经加载完毕。测试IE6-IE10支持该事件,其它浏览器不支持。
function imgLoad(img, fn) { var timer = setInterval(function() { if (img.complete) { fn() } }, 50) } imgLoad(img, function() { alert(‘加载完毕‘); }) 轮询不断监测img的complete属性,如果为true则表明图片已经加载完毕,停止轮询。该属性所有浏览器都支持。
标签:
原文地址:http://www.cnblogs.com/moz-1105/p/5359269.html