一張表格告訴你windows.onload()與$(document).ready()的區別_jquery
來源:懂視網
責編:小采
時間:2020-11-27 21:23:18
一張表格告訴你windows.onload()與$(document).ready()的區別_jquery
一張表格告訴你windows.onload()與$(document).ready()的區別_jquery:瀏覽器加載完DOM后,會通過javascript為DOM元素添加事件,在javascript中,通常使用window.onload()方法。 在jquery中,則使用$(document).ready()方法。下面介紹一下兩者的區別。 window.onload() $(document).rea
導讀一張表格告訴你windows.onload()與$(document).ready()的區別_jquery:瀏覽器加載完DOM后,會通過javascript為DOM元素添加事件,在javascript中,通常使用window.onload()方法。 在jquery中,則使用$(document).ready()方法。下面介紹一下兩者的區別。 window.onload() $(document).rea

瀏覽器加載完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;
});
|
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
一張表格告訴你windows.onload()與$(document).ready()的區別_jquery
一張表格告訴你windows.onload()與$(document).ready()的區別_jquery:瀏覽器加載完DOM后,會通過javascript為DOM元素添加事件,在javascript中,通常使用window.onload()方法。 在jquery中,則使用$(document).ready()方法。下面介紹一下兩者的區別。 window.onload() $(document).rea