img圖片的complete屬性用法簡單介紹

admin發表於2017-03-31

此屬性可以判斷圖片是否載入完畢。

如果載入完畢，那麼此屬性會返回true，否則返回false。

程式碼例項:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
</head> 
<body>
<div id="show"></div>
<img id="img" src="demo/CSS/img/map.jpg">
<script type="text/javascript">
var odiv=document.getElementById("show");
var oimg=document.getElementById("img");
odiv.innerHTML=oimg.complete;
</script> 
</body> 
</html>

可能很多朋友會得到不一樣的結果，有的時候是true，有的時候是false。

這其實非常的好解釋，這是因為當執行odiv.innerHTML=oimg.complete語句的時候，可能圖片還沒有載入完成。

相關文章