備註:其問題在 “(二)10.滑鼠移過,改變圖片路徑”中。,關於img.complete
阿新 • • 發佈:2019-01-23
學習中,遇到該事件
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;