Onelong

分享知识,与你一起进步......
RSS icon Home icon
  • js图片加载错误的处理

    post by onelong / 2009-10-7 0:27 Wednesday [javascript]

    <html>
      <body>
      <div id="show">加载中.......</div>//加载过程要显示的内容或gif的小动画
      <script language="javascript">
      function $(id){
       return document.getElementById(id);
       }
      var image=new Image();
      image.src='http://www.xd26.com/photo/up_files/2009-03-27/1238121079Qa5x.jpg';
      image.onload=function(){//加载完成后执行的事件
     $("show").innerHTML="<img style='width:20%; height:20%' src="+image.src+">";
     }
     image.onerror=function(){//加载错误的处理方式;
     $("show").innerHTML="<img style='width:20%; height:20%' src='http://hiphotos.baidu.com/vga1/pic/item/021a645d0fb12061fbf2c0b9.jpg'>";
      }
      </script>
      </body>
      </html>

    另一种错误处理方法:
     <img src="1.jpg" onerror="function(){}" />

    标签: javascript image
    引用地址:
     

    我要评论