問題描述

判斷圖片加載完成這兩個有什么區(qū)別？一般加載完成會回調(diào)onload事件，那img.complete還有必要嗎？

問題解答

img.complete是Image對象的屬性,返回一個布爾值;img.onload是在圖片加載完成后觸發(fā)的事件

這兩者，只有img.complete可以判斷圖片加載完成，img.onload并不能判斷圖片是否加載完，而是在加載完畢之后，直接運行onload綁定的函數(shù)。

complete只是HTMLImageElement對象的一個屬性，而onload則是這個Image對象的load事件回調(diào)，前者不能準(zhǔn)確的在事件發(fā)生時進(jìn)行異步回調(diào)并且、在瀏覽器的兼容性上也有些問題。

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是異步加載圖片的，如果在綁定事件前就已經(jīng)加載完成，onload事件不會觸發(fā)。img.complete是一直都有的屬性，加載完成后為true。