document.ready和onload的區別為：加載程度bai不同du、執行次數不同、執行速度zhi不同。

一、加載程度不同

1.document.ready：在DOM加載完成dao后就可以可以對DOM進行操作。一般情況一個頁面響應加載的順序是，域名解析-加載html-加載js和css-加載圖片等其他信息。那么Dom Ready應該在“加載js和css”和“加載圖片等其他信息”之間，就可以操作Dom了。

2.onload：在document文檔加載完成后就可以可以對DOM進行操作，document文檔包括了加載圖片等其他信息。那么Dom Load就是在頁面響應加載的順序中的“加載圖片等其他信息”之后，就可以操作Dom了。

二、執行次數不同

1.document.ready：document.ready可以寫多個.ready，可以執行多次，第N次都不會被上一次覆蓋。

2.onload：onload只能執行一次，如果有多個，那么第一次的執行會被覆蓋。

三、執行速度不同

1.document.ready：onload除了要等待DOM被創建還要等到包括大型圖片、音頻、視頻在內的所有外部資源都完全加載。如果加載圖片和媒體內容花費了大量時間，用戶就會感受到定義在onload事件上的代碼在執行時有明顯的延遲。

2.onload：document.ready函數只需對 DOM 樹的等待，而無需對圖像或外部資源加載的等待，從而執行起來更快。

本面試題為前端常考面試題，后續有機會繼續完善。我是歌謠，一個沉迷于故事的講述者。

歡迎一起私信交流。

“睡服“面試官系列之各系列目錄匯總（建議學習收藏）?

總結

以上是生活随笔為你收集整理的“约见”面试官系列之常见面试题之第六十九篇之document.ready和onload的区别（建议收藏）的全部內容，希望文章能夠幫你解決所遇到的問題。

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