window.onload與domready的區別?
window.onload是所有dom元素創建完畢,圖片、css等都加在完畢后才觸發,而domready則是dom元素創建完畢后就被觸發。提高了網頁的響應速度。
封裝一個domready:
function domReady(fn){
if(document.addEventListener){
document.addEventListener('DOMContentLoaded',function(){
fn&&fn();//處理事情
},false);
}else{
/*監控資源情況,ie8及以下不支持addEventListener*/
document.onreadystatechange=function(){
/*dom加載完成的時候*/
if(document.readyState=='complete'){
fn&&fn();//處理事情
}
};
}
}
addEventListener事件綁定(ie8及以下使用attachEvent),DOMContentLoaded必須事件綁定。
/*具體使用*/
domReady(function(){
var oDiv=document.getElementById('div1');
oDiv.onclick=function(){
......
};
});