zoukankan      html  css  js  c++  java
  • 用JS 判断图片已经加载完成(兼容IE 和 Firefox)

    js 判断图片已经加载完成 是一个很常见的问题,网上也有很多的解决方案。但是运行后很多都不兼容,或者
    说,存在一些奇怪的问题。一种解决方案是都用onload。因为onload 在ie 下有同步方面的问题。
    所以,我用了 onreadystatechange 。 代码和 使用方法如下:
    <script>
    function SImage(callback)
    {
        
    var img = new Image();
        
    this.img = img;
        
    var appname = navigator.appName.toLowerCase();
        
    if (appname.indexOf("netscape"== -1)
        {
           //ie
            img.onreadystatechange 
    = function () {
                
    if (img.readyState == "complete")
                {
                    callback(img);
                }
            };
        } 
    else {
           //firefox
            img.onload 
    = function () {
                
    if (img.complete == true)
                {
                    callback(img);
                }
            }
        }
    }

    SImage.prototype.get 
    = function (url)
    {
        
    this.img.src = url;
    }

    var img = new SImage(icall);
    img.get(
    "http://space.cnblogs.com/images/logo.gif");

    function icall(obj)
    {
        alert(obj.width);
    }
    </script>

    这段代码可以实现 获取一个远程图片的宽度。
  • 相关阅读:
    python--列表,元组,字符串互相转换
    10月清北学堂培训 Day 2
    10月清北学堂培训 Day 1
    网络流小结
    P1850 换教室
    P1948 [USACO08JAN]电话线Telephone Lines
    P3147 [USACO16OPEN]262144
    8月清北学堂培训 Day 7
    8月清北学堂培训 Day3
    8月清北学堂培训 Day1
  • 原文地址:https://www.cnblogs.com/niniwzw/p/1555281.html
Copyright © 2011-2022 走看看