$().ready onload

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(){});


效。要解決這個問題,可以使用 Jquery 中另一個關於頁面加載的方法 ---load() 方法。 Load() 方法會在元素的 onload 事件中綁定一個處理函數。如果處理函數綁定給 window 對象,則會在所有內容 ( 包括窗口、框架、對象和圖像等 ) 加載完畢後觸發,如果處理函數綁定在元素上,則會在元素的內容加載完畢後觸發。

Jquery 代碼如下: 
$(window).load(function (){ 
       // 編寫代碼  
});等價於 JavaScript 中的以下代碼 
Window.onload = function (){ 
     // 編寫代碼 
}



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章