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

Question

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

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

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。