if(document.addEventListener)?{
document.addEventListener('DOMContentLoaded',?function()?{
//註銷事件,?避免反復觸發
document.removeEventListener('DOMContentLoaded',arguments.callee,?false);
fn();//執行函數
},?false);
}else?if(document.attachEvent)?{//IE
document.attachEvent('onreadystatechange',?function()?{
if(document.readyState?==?'complete')?{
document.detachEvent('onreadystatechange',?arguments.callee);
fn();//函數執行
}
});
}
};相關知識
瀏覽器加載頁面的順序:
解析HTML結構
加載外部腳本和樣式表文件
解析並執行腳本代碼
構造HTML DOM模型==ready()
加載圖片等組件
頁面加載完畢==onload()
ready事件是在DOM模型構造完畢時觸發
load事件是在頁面加載完畢後觸發