js判断图片是否加载完成

来源:互联网 发布:名片制作软件 绿色版 编辑:程序博客网 时间:2024/04/30 18:49


<span style="font-family:Microsoft YaHei;font-size:12px;"><!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body><div id="pic">onloading...</div><!-- 第一种方法:onload事件 --><script type="text/javascript">var obj=new Image();obj.src="images/4.jpg";obj.onload=function(){document.getElementById("pic").innerHTML="<img src='"+this.src+"'/>";alert("图片加载完成");}</script>        <!-- 第二种方法:onreadystatechange -->    <!--    <script type="text/javascript">    var obj=new Image();    obj.src="images/4.jpg";    obj.onreadystatechange=function(){    if(this.readyState=="complete"){    document.getElementById("pic").innerHTML="<img src='"+this.src+"'/>";    alert("图片加载完成");    }    }    </script>    --></body></html></span>


0 0
原创粉丝点击