广

JavaScript

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    js判断图片是否加载完毕

    2018-04-05 08:31:53 次阅读 稿源:互联网
    零七广告

    js 判断图片已经加载完成 是一个很常见的问题,网上也有很多的解决方案。大部分的解决方案是使用 onload 方法,但由于 onload 在 ie 下面有同步方面的问题,所以下面作者将要分享的是兼容了 ie 和 火狐两大浏览器的判断图片是否加载完毕的一个小知识。

    1. <script language="javascript"> 
    2. function SImage(callback){ 
    3.     var img=new Image(); 
    4.     this.img=img; 
    5.     var appname=navigator.appName.toLowerCase(); 
    6.     if(appname.indexOf("netscape")==-1){ 
    7.         //ie,在 ie 下面使用 onreadystatechange 事件 
    8.         img.onreadystatechange=function(){ 
    9.             if(img.readyState=="complete"){ 
    10.                 callback(img); 
    11.             } 
    12.         }; 
    13.     }else{ 
    14.         //firefox 
    15.         img.onload=function(){ 
    16.             if(img.complete==true){ 
    17.                 callback(img); 
    18.             } 
    19.         } 
    20.     } 
    21. SImage.prototype.get=function(url){ 
    22.     this.img.src=url
    23. //使用案例 
    24. var img=new SImage(icall); 
    25. img.get("http://img.daimajiayuan.com/uploads/1312/1-13121ZZ913613.jpg"); 
    26. function icall(obj){ 
    27.     alert(obj.width); 
    28. </script> 

    零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。

    零七广告
    零七广告
    零七广告
    零七广告