使用JavaScript判斷圖片是否載入完成的三種實作方式_javascript技巧

有時需要取得圖片的尺寸，這需要在圖片載入完成以後才可以。有三種方式實現，下面一一介紹。

一、load事件

複製程式碼 程式碼如下:

loading. ..

測試，所有瀏覽器都顯示出了“loaded”，說明所有瀏覽器都支援img的load事件。

二、readystatechange事件

複製程式碼 程式碼如下:

loading. ..

}

readyState為complete和loaded則表示圖片已載入完畢。測試IE6-IE10支援該事件，其它瀏覽器不支援。 三、img的complete屬性

複製程式碼


程式碼如下:



程式碼如下:

loading...

imgLoad(img1, function() {
}
imgLoad(img1, function() { p1.inHTner ('加載完成') }) 輪詢不斷監測img的complete屬性，如果為true則表示圖片已經載入完畢，停止輪詢。該屬性所有瀏覽器都支援。