瀏覽器加載模式：window.onload和$(document).ready()的區別(詳解)

 jQuery庫文件是在body元素以前加載的，必須等待全部的DOM元素加載後，延遲支持DOM操做，不然就沒法獲取到。

在延遲等待加載，JavaScript提供了一個事件爲load，方法以下：

window.onload = function () {}; //JavaScript等待加載

$(document).ready(function () {}); //jQuery等待加載load和ready區別

 

	window.onload	$(document).ready()
執行時機	必須等待網頁所有加載完畢（包括 圖片等），而後再執行JS代碼	只須要等待網頁中的DOM結構 加載完畢，就能執行JS代碼
執行次數	只能執行一次，若是第二次，那麼 第一次的執行會被覆蓋	能夠執行屢次，第N次都不會被上 一次覆蓋
簡寫方案	無	$(function () {})

 

在實際應用中，window.onload不多直接去使用，由於他須要等待圖片之類的大型元素加載完畢後才能執行JS代碼。遇到網速慢或者存在大的圖片要下載時，頁面已經全面展開，圖片還在緩慢加載，這時頁面上任何的JS交互功能所有處在假死狀態。而且只能執行單次在屢次開發和團隊開發中會帶來困難。