Shulou(Shulou.com)06/02 Report--

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(){ }看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注行业资讯频道，感谢您对的支持。

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.