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>
posted @ 2014-02-25 09:19  ahuing  阅读(136)  评论(0编辑  收藏  举报