[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!");
}