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, element, etc., which fires when the resource has loaded.
img載入完成就會解除onload事件，載入完成就會解除onload。非同步載入圖片的，如果在綁定事件前就已經載入完成，onload事件不會觸發。
img.complete是一直都有的屬性，載入完成後為true。