問題描述

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

問題解答

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

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

complete只是HTMLImageElement對(duì)象的一個(gè)屬性，而onload則是這個(gè)Image對(duì)象的load事件回調(diào)，前者不能準(zhǔn)確的在事件發(fā)生時(shí)進(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加載完成就會(huì)解除onload事件，src是異步加載圖片的，如果在綁定事件前就已經(jīng)加載完成，onload事件不會(huì)觸發(fā)。img.complete是一直都有的屬性，加載完成后為true。