DIV CSS 佈局教程網

　　浏覽器在頁面加載完畢後，JS通常使用window.onload方法為DOM元素添加事件，而jQuery使用的是$(document).ready()方法。兩者功能相似，但也有細微差異，下面簡要對比一下兩者之間的區別。

window.onload與$(document).ready()對比   window.load $(document).ready() 執行時機 必須等待網頁中所有內容加載完畢後才能執行（包括圖片等） 只要網頁中的DOM結構繪制完畢就執行（與DOM相關的文件此時可能還未下載完畢） 使用情況

1.不能同時執行多個，若編寫多個函數只執行最後一個（前面的被覆蓋）。

window.onload = function() test1{

　　alert("function1");};

window.onload = function() test2{

　　alert("function2");}

最終輸出結果為"function2"。

2.如果想實現多個函數的調用，可以創建一個新的函數來包含它們。

window.onload = function(){

　　test1();

　　test2();

}

 1.能夠同時編寫多個函數，按注冊順序執行。

$(document).ready(function(){

　　test1();

});

$(document).ready(function(){

　　test2();

})

兩次都輸出。

2.如果想實現window.onload一樣的功能，調用load()方法。

$(window).load(function(){

　　//代碼

})

簡化  無

 以下兩種形式與$(document).ready()等價，但更簡潔。

1.$().ready(function(){  //代碼 });

2.$(function(){ //代碼 });

 

　　

 

　　全文完，歡迎各位前輩批評指正。