問題描述

判斷圖片加載完成這兩個有什么區別？一般加載完成會回調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。