IE中JavaScriptDOMready应用技巧有哪些

IE中JavaScript DOM ready应用技巧有哪些,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

网站建设哪家好,找创新互联!专注于网页设计、网站建设、微信开发、微信小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了陵城免费建站欢迎大家使用!

有时候,如果我们只需要对DOM进行操作,那么这时就没必要等到页面全部加载了,我们需要更快的方法。Firefox有DOMContentLoaded事件可以轻松解决,可惜的就是IE没有。

MSDN关于JavaScript的一个方法有段不起眼的话,当页面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(){ }

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。


分享标题:IE中JavaScriptDOMready应用技巧有哪些
URL网址:http://cdiso.cn/article/iejgph.html

其他资讯