window.onload和$(document).ready()的區別

1.執行時間

window.onload必須等到頁面內包括圖片的全部元素加載完畢後才能執行。
$(document).ready()是DOM結構繪製完畢後就執行，沒必要等到加載完畢。

2.編寫個數不一樣

window.onload不能同時編寫多個，若是有多個window.onload方法，只會執行一個
$(document).ready()能夠同時編寫多個，而且均可以獲得執行

3.簡化寫法

window.onload沒有簡化寫法
$(document).ready(function(){})能夠簡寫成$(function(){});0

我如今通常的寫法是：

$(function(){
    //----------
})

這個時候，不必定要等全部的js和圖片加載完畢，就能夠執行一些方法，不過有些時候，必需要等全部的

元素都加載完畢，才能夠執行一些方法的時候，好比說，部分圖片或者什麼其餘方面尚未加載好，這個時候，點擊某些按鈕，會致使出現意外的狀況，這個時候，就

須要用到:

$(window).load(function() {
    $("#btn").click(function(){ 
    //--------------
    });
});

 

window.onload = function(){}的寫法跟 $(window).load(function() {});同樣，可是 $(window).load(function() {});能夠寫多個，而window.onload = function(){}會覆蓋。

 

全部DOM元素加載以前執行的jQuery代碼

    (function() {
        alert("DOM還沒加載哦!");
    })(jQuery)