js判断图片是否加载完成

时间: 2013-12-9 分类: Javascript 作者: SAI

TAGS:

主要是利用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>

 

Javin

本文作者: SAI

推崇以用户为中心的设计理念,专注于用户体验设计,游走在视觉设计与前端开发之间。我要投稿

除非特殊注明,本文版权归原作者所有,欢迎转载!转载请注明版权以及本文地址,谢谢。
转载保留版权:塞纳» 前端技术 » Javascript » js判断图片是否加载完成
本文地址:http://www.saiody.com/?p=1014

返回顶部