javascript - Img.complete和img.onload判断图片加载完成有什么区别？

问题描述

判断图片加载完成这两个有什么区别？一般加载完成会回调onload事件，那img.complete还有必要吗？

问题解答

img.complete是Image对象的属性,返回一个布尔值;img.onload是在图片加载完成后触发的事件

这两者，只有img.complete可以判断图片加载完成，img.onload并不能判断图片是否加载完，而是在加载完毕之后，直接运行onload绑定的函数。

complete只是HTMLImageElement对象的一个属性，而onload则是这个Image对象的load事件回调，前者不能准确的在事件发生时进行异步回调并且、在浏览器的兼容性上也有些问题。

The onload property of the GlobalEventHandlers mixin is an event handler for the load event of a Window, XMLHttpRequest, <img> element, etc., which fires when the resource has loaded.img加载完成就会解除onload事件，src是异步加载图片的，如果在绑定事件前就已经加载完成，onload事件不会触发。img.complete是一直都有的属性，加载完成后为true。