$(document).ready 和 window.onload 的區別

相同點

兩者都用於在網頁載入完後執行相應代碼塊。

不同點

window.onload 在創建完 DOM 樹後，所有外部資源（圖片、Flash 動畫等）載入完成，且整個頁面在瀏覽器視窗中顯示完畢之後，才會執行。

window.onload = function () {
    alert('window.onload');
};

$(document).ready 只需在 HTML 文檔解析為 DOM 樹後，就會執行。

$(document).ready = (function(){
    alert('$(document).ready'); 
});

// $(document).ready = function () {}; 的簡寫形式是 $( function () {} ); 

總結

ready 指解析 DOM 就緒，onload 指所有資源載入完畢。ready 優先於 onload 發生，比 onload 縮短了等待時間。