瀏覽器加載完DOM后,會通過javascript為DOM元素添加事件,在javascript中,通常使用window.onload()方法。
在jquery中,則使用$(document).ready()方法。下面介紹一下兩者的區別。
window.onload()$(document).ready()
執行時機在頁面所有元素(包括圖片,引用文件)加載完后執行。
頁面中所有HTML DOM,CSS DOM結構加載完之后就會執行,其他圖片可能沒有加載完.
如果想要網頁所有內容(包括圖片等)加載完畢,再注冊事件,使用$(window).load(function);
等價于window.onload()
編寫個數
不能同時寫多個,后面的將會覆蓋前面的。ex:
window.onload=function(){ alert("A"); }
window.onload=function(){ alert("B"); }
結果會執行“B”
如果想要順序執行alert("A")和alert("B")需寫成
window.onload=function(){
alert("A");
alert("B");
}
可以同時寫多個簡寫無
$(document).ready(function(){
//to do;
});
可寫成
$().ready(function(){ //$()不帶參數默認是document
//to do;
});或
$(function(){
//to do;
});
新聞熱點
疑難解答
圖片精選