有時(shí)候，如果我們只需要對(duì)DOM進(jìn)行操作，那么這時(shí)就沒必要等到頁面全部加載了，我們需要更快的方法。Firefox有DOMContentLoaded事件可以輕松解決，可惜的就是IE沒有。

推薦閱讀：Javascript解決常見瀏覽器兼容問題

MSDN關(guān)于JavaScript的一個(gè)方法有段不起眼的話，當(dāng)頁面DOM未加載完成時(shí)，調(diào)用doScroll方法時(shí)，會(huì)產(chǎn)生異常。那么我們反過來用，如果不異常，那么就是頁面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();   
  
  
  
}   
  
  
  
};   
  
  
  
} 
 
 
 

這個(gè)函數(shù)是Diego Perini在07年就發(fā)布了這個(gè)方法，而且獲得了廣泛認(rèn)同，以至于現(xiàn)在許多開源框架都是借鑒這種方法，譬如jQuery中的ready。如果以后需要用到IE的DomReady，就是它了。用法：

 
 
 

  
  
  
IEContentLoaded( document.getElementById("test") , test );   
  
  
  
function test(){ } 
 
 
 

本文標(biāo)題：IE中JavaScriptDOMready應(yīng)用技巧
當(dāng)前網(wǎng)址：http://uogjgqi.cn/article/dphpsch.html