快捷導(dǎo)航

javascript IE中的DOM ready應(yīng)用技巧

更新時(shí)間：2008年07月23日 20:31:34 作者：

當(dāng)我們想在頁面加載之后執(zhí)行某個(gè)函數(shù)，肯定會想到onload了但onload在瀏覽器看來，就是頁面上的東西全部都加載完畢后才能發(fā)生，但那就為時(shí)已晚了。

如果只需要對DOM進(jìn)行操作，那么這時(shí)就沒必要等到頁面全部加載了。我們需要更快的方法。
Firefox有DOMContentLoaded事件可以輕松解決，可惜的就是IE沒有。
MSDN關(guān)于JSCRIPT的一個(gè)方法有段不起眼的話，當(dāng)頁面DOM未加載完成時(shí)，調(diào)用doScroll方法時(shí)，會產(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();         
        }         
    };         
}

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

如果以后需要用到IE的DomReady，就是他了。

用法：
IEContentLoaded( document.getElementById("test") , test );

function test(){ }