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

51CTO推薦閱讀：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(){ } 

【編輯推薦】

1. Firefox完全兼容Javascript腳本方法
2. JavaScript跨瀏覽器兼容測試三步走
3. Javascript解決常見瀏覽器兼容問題