javascript IE中的DOM ready應(yīng)用技巧
更新時間：2008年07月23日 20:31:34 作者：
當我們想在頁面加載之后執(zhí)行某個函數(shù)，肯定會想到onload了
但onload在瀏覽器看來，就是頁面上的東西全部都加載完畢后才能發(fā)生，但那就為時已晚了。
如果只需要對DOM進行操作，那么這時就沒必要等到頁面全部加載了。我們需要更快的方法。
Firefox有DOMContentLoaded事件可以輕松解決，可惜的就是IE沒有。
MSDN關(guān)于JSCRIPT的一個方法有段不起眼的話，當頁面DOM未加載完成時，調(diào)用doScroll方法時，會產(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();
}
};
}
這個函數(shù)是Diego Perini在07年就發(fā)布了這個方法，
而且獲得了廣泛認同，以至于現(xiàn)在許多開源框架都是借鑒這種方法，譬如JQuery中的ready。
如果以后需要用到IE的DomReady，就是他了。
用法：
IEContentLoaded( document.getElementById("test") , test );
function test(){ }
Firefox有DOMContentLoaded事件可以輕松解決，可惜的就是IE沒有。
MSDN關(guān)于JSCRIPT的一個方法有段不起眼的話，當頁面DOM未加載完成時，調(diào)用doScroll方法時，會產(chǎn)生異常。那么我們反過來用，如果不異常，那么就是頁面DOM加載完畢了！
復(fù)制代碼 代碼如下:
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();
}
};
}
這個函數(shù)是Diego Perini在07年就發(fā)布了這個方法，
而且獲得了廣泛認同，以至于現(xiàn)在許多開源框架都是借鑒這種方法，譬如JQuery中的ready。
如果以后需要用到IE的DomReady，就是他了。
用法：
IEContentLoaded( document.getElementById("test") , test );
function test(){ }
相關(guān)文章
這篇文章主要介紹了JS顯示日歷和天氣的方法,涉及JavaScript日期與時間的操作技巧,非常簡單實用,需要的朋友可以參考下2016-03-03
這篇文章主要給大家總結(jié)介紹了關(guān)于微信小程序頁面間跳轉(zhuǎn)傳參方式，文中通過示例代碼介紹的非常詳細，對大家學(xué)習(xí)或者使用小程序具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
這篇文章主要介紹了JS實現(xiàn)的表頭列頭固定頁面功能,涉及javascript針對頁面元素及表格樣式動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2017-01-01
js實時監(jiān)聽文本框狀態(tài)的方法,這里的方法兼容性不是很好，建議參考腳本之家以前的文章。2011-04-04
js構(gòu)建二叉樹進行數(shù)值數(shù)組的去重與優(yōu)化詳解
這篇文章主要給大家介紹了關(guān)于js構(gòu)建二叉樹進行數(shù)值數(shù)組的去重與優(yōu)化的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-03-03
這篇文章主要介紹了從一個Person例子進行分析重疊構(gòu)造器模式、Builder模式的使用場景以及運用JavaBeans模式彌補重疊構(gòu)造器模式的不足2018-03-03
微信小程序云開發(fā)實現(xiàn)云數(shù)據(jù)庫讀寫權(quán)限
這篇文章主要為大家詳細介紹了微信小程序云開發(fā)實現(xiàn)云數(shù)據(jù)庫讀寫權(quán)限，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
這篇文章主要為大家詳細介紹了js實現(xiàn)到搜索的下拉框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
這篇文章主要為大家詳細介紹了AJAX的圖書管理代碼實例，使用數(shù)據(jù)庫，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
這篇文章主要介紹了使用javascript做的一個隨機點名程序，經(jīng)測試，效果相當不錯,需要的朋友可以參考下2014-02-02