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