主要运用到img对象的complete属性,先看代码:
var myImg = document.getElementById("myimg"); function imgLoad(img, callback) { var timer = setInterval(function() { if (img.complete){ callback(img) clearInterval(timer) } },50) } imgLoad(myImg,function(){ alert("图片加载完成"); myImg.style.width="100px"; myImg.style.height="100px"; });
图片加载完毕后会alert(“图片加载完成”),并设置图片的宽度和高度为100px