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(){});