源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

javascript IE中的DOM ready应用技巧

  • 时间:2022-10-25 04:59 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:javascript IE中的DOM ready应用技巧
 如果只需要对DOM进行操作,那么这时就没必要等到页面全部加载了。我们需要更快的方法。       Firefox有DOMContentLoaded事件可以轻松解决,可惜的就是IE没有。        MSDN关于JSCRIPT的一个方法有段不起眼的话,当页面DOM未加载完成时,调用doScroll方法时,会产生异常。那么我们反过来用,如果不异常,那么就是页面DOM加载完毕了!
[u]复制代码[/u] 代码如下:
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(){  }
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部