[JavaScript]onDomReady 方法[轉載]

注意window.onload和onDomReady的區別

轉載自:http://www.geekdaily.net/2007/07/27/javascript-windowonload-is-bad-mkay/

摘錄其中的實現代碼

//create onDomReady Event
window.onDomReady = DomReady;

//Setup the event
function DomReady(fn) {
//W3C
    if(document.addEventListener) {
        document.addEventListener("DOMContentLoaded", fn, false);
    }
//IE
    else {
        document.onreadystatechange = function(){readyState(fn)};
    }
}

//IE execute function
function readyState(fn) {
//dom is ready for interaction
    if(document.readyState == "interactive") {
        fn();
    }
}

使用方法:

//execute as soon as DOM is loaded
window.onDomReady(onReady);

//do on ready
function onReady() {
    alert("The DOM is ready!");
}