1、執行時間：

window.onload要等到頁面所有元素加載完畢才執行，包括（圖片、flash等）

$(document).ready()在DOM結構繪制完畢后就執行，不必等到加載完畢。

2、執行個數：

如果有多個window.onload，只會執行最后一個

如果有多個$(document).ready()，會逐個執行

3、簡化寫法

window.onload沒有簡化寫法

$(document).ready(function(){})可以簡寫為$(function(){})

此外，在$(document).ready() 方法內的事件，因為只要 DOM 就緒就會被執行，因此可能此時元素的關聯文件未下載完。

例如與圖片有關的 html 下載完畢，并且已經解析為 DOM 樹了，但很有可能圖片還沒有加載完畢，所以例如圖片的高度和寬度這樣的屬性此時不一定有效。

要解決這個問題，可以使用 Jquery 中另一個關于頁面加載的方法.load() 方法。 Load() 方法會在元素的 onload 事件中綁定一個處理函數。如果處理函數綁定給 window 對象，則會在所有內容 ( 包括窗口、框架、對象和圖像等 ) 加載完畢后觸發，如果處理函數綁定在元素上，則會在元素的內容加載完畢后觸發。

轉載于:https://www.cnblogs.com/annie211/p/6014789.html

總結

以上是生活随笔為你收集整理的$(document).ready()与window.onload的区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。