傳統JS中的window.onload方法和jQuery中的$(document).ready()方法的區別

Window.onload

執行時機:必須等待網頁中所有的內容加載完畢後(包括圖片)才能執行。

編寫個數:不能同時編寫多個,比如以下代碼無法正確執行:
window.onload = function(){
alert ("test1");
};
window.onload = function(){
alert ("test2);
};
改代碼結果只會輸出test2.

簡化寫法:無。



$(document).ready()

執行時機:網頁中所有的DOM結構繪製完畢後就執行,可能DOM元素關聯的東西並沒有加載完。

編寫個數:能同時編寫多個,以下代碼能正確執行:
$(document).ready(function(){
alert("hello world");
});
$(document).ready(function(){
alert("hello again");
});
運行結果是兩次都輸出。


簡化寫法:$(document).ready(function(){
//.....
});
可以簡寫爲:$(function)(){
//.....
});
發佈了79 篇原創文章 · 獲贊 24 · 訪問量 9萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章