javascript如何判斷一個圖片是否載入完成

admin發表於2017-03-08
JavaScript

有時候我們需要判斷一個圖片是否載入完成再去做一件事情，或者說在載入完成之前需要做其他的事情。比如一個圖片比較大的話，那麼在它載入之前，可以事先顯示一個轉動的“菊花”效果。下面就簡單介紹一下如何判斷一個圖片是否載入完成。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<script type="text/javascript">
var obj=new Image();
obj.src="mytest.jpg";
obj.onload=function(){
document.getElementById("thepic").innnerHTML="<img src='"+this.src+"' />";
}
</script>
</head>
<body>
<div id="thepic">onloading……</div>
</body>

以上程式碼可以讓div中在圖片載入完成之前顯示"onloading……"。


相關文章