javascript IE中的DOM ready应用技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript IE中的DOM ready应用技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1526字，纯文字阅读大概需要3分钟。

内容图文

 如果只需要对DOM进行操作，那么这时就没必要等到页面全部加载了。我们需要更快的方法。
      Firefox有DOMContentLoaded事件可以轻松解决，可惜的就是IE没有。 
      MSDN关于JSCRIPT的一个方法有段不起眼的话，当页面DOM未加载完成时，调用doScroll方法时，会产生异常。那么我们反过来用，如果不异常，那么就是页面DOM加载完毕了！
代码如下:
function IEContentLoaded (w, fn) {        
    var d = w.document, done = false,        
    // only fire once        
    init = function () {        
        if (!done) {        
            done = true;        
            fn();        
        }        
    };        
    // polling for no errors        
    (function () {        
        try {        
            // throws errors until after ondocumentready        
            d.documentElement.doScroll('left');        
        } catch (e) {        
            setTimeout(arguments.callee, 50);        
            return;        
        }        
        // no errors, fire        
        init();        
    })();        
    // trying to always fire before onload        
    d.onreadystatechange = function() {        
        if (d.readyState == 'complete') {        
            d.onreadystatechange = null;        
            init();        
        }        
    };        
}

这个函数是Diego Perini在07年就发布了这个方法，
而且获得了广泛认同，以至于现在许多开源框架都是借鉴这种方法，譬如JQuery中的ready。

如果以后需要用到IE的DomReady，就是他了。

用法：
IEContentLoaded(  document.getElementById("test") , test  );

function test(){  }

内容总结

以上是互联网集市为您收集整理的javascript IE中的DOM ready应用技巧全部内容，希望文章能够帮你解决javascript IE中的DOM ready应用技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---