判断图片是否加载完成

1、load事件

img.onload = function() {

     alert('loaded');

}

 

2、readystatechange事件

img1.onreadystatechange = function() {

        if(img1.readyState=="complete" || img1.readyState=="loaded")  { 

             alert('loaded');

        }

}

 

3、img的complete属性

       function imgLoad(img, callback) {

            var timer = setInterval(function() {

                if (img.complete) {

                    callback(img)

                    clearInterval(timer)

                }

            }, 50)

        }

        imgLoad(img1, function() {

            p1.innerHTML('加载完毕')

        })

轮询img的complete属性，如果为true则表明图片已经加载完毕，停止轮询。该属性所有浏览器都支持。