javascript - Was ist der Unterschied zwischen img.complete und img.onload, um festzustellen, wann das Bild geladen wird?

Question

Was ist der Unterschied zwischen den beiden, um festzustellen, ob das Bild geladen ist? Im Allgemeinen wird das Onload-Ereignis zurückgerufen, wenn der Ladevorgang abgeschlossen ist. Ist img.complete noch erforderlich?

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。