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

1、window.onload：（1）必須等待網頁中全部的內容加載完畢後（包括圖片）才能執行；（2）不能同時編寫多個，如：

window.onload = function(){

alert("test1")

};

window.onload = function(){

alert("test2")

};

結果只會輸出「test2」。

2、$(document).ready()：（1）網頁中全部DOM結構繪製完畢後就執行，可能DOM元素關聯的東西並無加載完；

（2）能同時編寫多個，如下代碼正確執行；

$(document).ready(function(){

alert("Hello World!");

});

$(document).ready(function(){

alert("Hello again!");

});

結果兩次都輸出;

$(document).ready(function(){

// ..

});

能夠簡寫成：

$(function(){

//..

})