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

$(document).ready比window.onload先執行。window.onload只執行一次。

$(document).ready和window.onload都是在都是在頁面加載完執行的函數，大多數狀況下差異不大，但也是有區別的。

$(document).ready:是DOM結構繪製完畢後就執行，沒必要等到加載完畢。 意思就是DOM樹加載完畢，就執行，沒必要等到頁面中圖片或其餘外部文件都加載完畢。而且能夠寫多個.ready。

****window.onload:是頁面全部元素都加載完畢，包括圖片等全部元素。只能執行一次。****

因此，$(document).ready的執行時間要早於window.onload。而且能夠寫多個，看代碼:

//如下代碼沒法正確執行：
window.onload = function()
{
alert(「text1」);
};
window.onload = function()
{
alert(「text2」);
};
// 結果只輸出第二個 能同時編寫多個

// 如下代碼正確執行：
$(document).ready(function() {
alert(「Hello World」);
});

$(document).ready(function() {
alert(「Hello again」);
});
//結果兩次都輸出

如何理解瀏覽器的解析過程

https://www.cnblogs.com/caizhenbo/p/6679478.html