傳統JS中的window.onload方法和jQuery中的$(document).ready()方法的區別
執行時機:必須等待網頁中所有的內容加載完畢後(包括圖片)才能執行。
編寫個數:不能同時編寫多個,比如以下代碼無法正確執行:
window.onload = function(){
alert ("test1");
};
window.onload = function(){
alert ("test2);
};
改代碼結果只會輸出test2.
簡化寫法:無。
執行時機:網頁中所有的DOM結構繪製完畢後就執行,可能DOM元素關聯的東西並沒有加載完。
編寫個數:能同時編寫多個,以下代碼能正確執行:
$(document).ready(function(){
alert("hello world");
});
$(document).ready(function(){
alert("hello again");
});
運行結果是兩次都輸出。
簡化寫法:$(document).ready(function(){
//.....
});
可以簡寫爲:$(function)(){
//.....
});
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.