window.onload與$(document).ready()對比

1.執行時機

window.onload:

必須等待網頁中全部的內容加載完畢後(包括圖片)才能執行

$(document).ready():

網頁中全部DOM結構繪製完畢後就執行，可能DOM元素關聯的東西並無加載完

2.編寫個數

window.onload:

不能同時編寫多個

如下代碼沒法正確執行：

window.onload = function (){
    alert("test1");
};

window.onload = function (){
    alert("test2");
};

結果只輸出 "test2"

$(document).ready():

能同時編寫多個

如下代碼正確執行：

$(document).ready(function (){
   alert("Hello World!"); 
});

$(document).ready(function (){
   alert("Helllo World!"); 
});

3.簡化寫法

window.onload:

無

$(document).ready():

$(document).ready(function() {
   // do something
});
// 能夠簡寫成：
$(function() {
    // do something
})//