javascript IE中的DOM ready应用技巧

2019-11-17 09:18:19来源：爱站网阅读 ()

??????我们在开发项目的实际运用中，经常会使用DOM ready应用这个技能，下面爱站技术频道小编带大家的javascript IE中的DOM ready应用技巧，一起来了解一下吧！
??????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资讯记得收藏js.aizhan.com。

原文链接:https://js.aizhan.com/develop/JavaScript/10171.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有