document.ready() 與window.onload()的區別

jquery 的ready() 與window.onload()的區別

通常狀況下window的load()都是用來設置body標籤的onload事件.
但onload事件是要在頁面的元素所有加載完了才觸發的,這也包括頁面上的圖片，以及大的表格數據。
若是頁面上圖片較多或圖片太大,加載須要較多時間，就會致使頁面無響應，或者用戶作了其它操做了。

而Jeuery中的ready()則是在頁面的dom(節點)加載完後就能夠作相應的操做,而不用等待所有元素加載完成.
好比只知道頁面某處有一張圖片，而不必定要等它顯示出來就能夠爲它綁定點擊方法。

 

 

1.onready比onload先執行
執行時間 
window.onload必須等到頁面內包括圖片的全部元素加載完畢後才能執行。 
$(document).ready()是DOM結構繪製完畢後就執行，沒必要等到加載完畢。

2.onload只執行最後一個而onready能夠執行多個。
編寫個數不一樣 window.onload不能同時編寫多個，若是有多個window.onload方法，只會執行一個。 $(document).ready()能夠同時編寫多個，而且均可以獲得執行
$(document).ready(function(){})能夠簡寫成$(function(){});