window.onload和jquery $(document).ready(function(){ }) 比較（轉）

window.onload是全部加載完後執行
$(document).ready(function(){ }) 是DOM結構加載完執行

 

最先接觸的時候也說$(document).ready(function(){   })這個函數是用來取代頁面中的window.onload

可是慢慢發現好像不是這樣回事，是在作一個頁面載入效果時發現的！

window.onload寫法：

function windowready(){document.getElementById("loading").style.display="none";}

window.onload=winready;

window.onload的寫法windowready會在頁面徹底加載完畢後纔開始執行

jquery寫法：

$(document).ready(function(){ 
"#loading").css("display","none");
})

jquery的寫法在頁面沒有徹底加載完畢的時候就開始執行

緣由解釋：

$(document).ready()是在DOM結構載入完後執行的，而window.onload是得在全部文件都加載完後執行的，注意區別，一個是DOM加載完，一個是全部文件加載完

所謂DOM加載完，就是指DOM模型加載完，也就是指代碼加載完

二者最大的區別，就是DOM加載完以後，沒必要再去等相應的圖片文字視頻等等內容加載完就能夠執行JS代碼了