Jquery中的${document}.ready()與window.onload的差別

差別1：

執行時間：

window.onload必須等到頁面内包含圖檔的所有元素加載完畢後才能執行，是以如果頁面的圖檔很多，則等待的時間可能越長。

但是ready()是DOM結構繪制完畢後就執行，不必等到資源加載完畢後才執行，不過也有弊端，DOM結構加載完畢，很有可能資源圖檔沒有下載下傳結束，這時候去讀取圖檔的寬高不一定能讀取的到。

差別2：

編寫個數不同：

window.onloa不能同時編寫多個，如果有多個window.onload方法，隻會執行最後一個。因為會覆寫。

$(document).ready()可以同時編寫多個，并且都可以得到執行。因為Jquery對事件綁定做了封裝處理。

差別3：

簡化寫法：window.onload沒有簡化寫法，但是

$(document).ready(function(){})

可以簡寫成

$(function(){})

。