javascriptはどのように一つの画像のロードが完了したかどうかを判断しますか?

728 ワード

javascriptはどのように画像のロードが完了したかどうかを判断します.時には画像のロードが完了したかどうかを判断し、またはロードが完了する前に他のことをする必要があります.たとえば、画像が大きいと、ロード前に回転する「菊の花」の効果が表示されます.以下では、画像のロードが完了したかどうかを判断する方法を簡単に紹介します.コードの例は以下の通りです

<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...」を表示させることができます.
原文の住所は:http://www.softwhy.com/forum.php?mod=viewthread&tid=8218
詳細は下記を参照してください.http://www.softwhy.com/javascript/

浅談Object.assign