jquery $(document).ready()和window.onload的區別淺析_javascript技巧

Jquery中$(document).ready()的作用類似傳統JavaScript中的window.onload方法，不過與window.onload方法還是有區別的。

1.執行時間
        window.onload必須等到頁內包含圖片的所有元素載入完畢後才能執行。
        $(document).ready()是DOM結構繪製完成後再執行，且不必等到載入完畢後才執行。
2.寫個數不同
         window.onload不能同時寫多個，如果有多個window.onload方法，只會執行一個
         $(document).ready()可同時寫多個，且都可以執行
3.簡化寫法
         window.onload沒有化簡寫法
         $(document).ready(function(){})可簡寫成$(function(){});

在我以前的開發中，一般用到javascript，我都是採用jquery的模式，也就是大多時候，第一行寫的是：

複製程式碼 程式碼如下:

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

這時候，不一定要等所有的js和圖片加載完畢，就可以執行一些方法，不過有些時候，必須要等所有的

元素都加載完畢，才可以執行一些方法的時候，比如說，部分圖片或者什麼其他方面還沒有加載好，這個時候，點擊某些按鈕，會導致出現意外的情況，這個時候，就

需要用到:

複製程式碼 程式碼如下:

$(window).load(function() {
…

});

總結對比：