js判断图片是否加载完成

主要是利用javascript中Image对象，有两种方法可以判断

第一中是使用onload事件，比如：

<script type=”text/javascript”>

var obj = new Image();

obj.src = “yourpicurl.jpg”;

obj.onload = function()

{

document.getElementById(”mypic”).innnerHTML = “<img src=’”+this.src+”‘ />”;

}

</script>

<div id=”mypic”>onloading……</div>

第二种方法是使用onreadystatechange来判断

<script type=”text/javascript”>

var obj = new Image();

obj.src = “yourpicurl.jpg”;

obj.onreadystatechange = function()

{

if ( this.readyState == “complete”)

{

document.getElementById(”mypic”).innnerHTML = “<img src=’”+this.src+”‘ />”;

}

}

</script>

<div id=”mypic”>onloading……</div>