1. 程式人生 > >備註:其問題在 “(二)10.滑鼠移過,改變圖片路徑”中。,關於img.complete

備註:其問題在 “(二)10.滑鼠移過,改變圖片路徑”中。,關於img.complete

學習中,遇到該事件

img.complete ? oDiv.style.display = "none" : (oImg[0].onload = function() {oDiv.style.display = "none"})

備註:其問題在 “(二)10.滑鼠移過,改變圖片路徑”中。

今天遇到這個問題,以下是從網上查到的資源,給自己提醒用,放到常識總結中。

img.onload是當一張圖片被載入完成後所觸發的事件
實現圖片顯示功能;
<div>
<img id="img"/>
</div>

js部分:img.src="圖片";
img.onload=showImg;
function showImg()
{
   程式碼部分。。。。

}

對於 complete 屬性來講,IE是根據圖片是否顯示過來判斷,就是說當載入的圖片顯示出來後,complete 屬性的值才為 true ,否則一直是 false ,和以前是否載入

過該張圖片沒有關係,即和快取沒有關係!這裡要注意,顯示與否和img.style.display無關;

JS部分: alert(img.complete);----->false
img.src="圖片";
alert(img.complete);------->//如果上面“圖片”獲取的時間比JS程式碼順序執行的時間要常,那麼這裡就是false,否則就是true;