window.onload與$(document).ready()的區(qū)別分析
本文實例講述了window.onload與$(document).ready()的區(qū)別。分享給大家供大家參考。具體分析如下:
window.onload是Javascript中得函數,意思是:等待網頁中所有內容加載完畢之后(包括圖片);
而$(documetn).ready()是在網頁中的所有DOM結構繪制完畢之后就可以執(zhí)行了,可能有與DOM關聯的元素還沒有加載完,所以相比之下更快一些;
比如舉個簡單的例子:
window.onload=function(){
alert('I am No.1');
};
window.onload=function(){
alert('I am No.2');
}
根據上面的意思,結果只能輸出“I am No.2”
而換成:
$(document).ready(function(){
alert('I am No.1');
});
$(document).ready(function(){
alert('I am No.2');
});
結果輸出 I am No.1 ,I am No.2
希望本文所述對大家的javascript程序設計有所幫助。
- jquery $(document).ready()和window.onload的區(qū)別淺析
- window.onload追加函數使用示例
- js window.onload 加載多個函數和追加函數詳解
- JS:window.onload的使用介紹
- jquery $(document).ready() 與window.onload的區(qū)別
- jquery中的$(document).ready()與window.onload的區(qū)別
- window.onload的頁面加載技巧
- jquery中的$(document).ready()使用小結
- jquery的$(document).ready()和onload的加載順序
相關文章
webpack.DefinePlugin與cross-env區(qū)別詳解
這篇文章主要介紹了webpack.DefinePlugin與cross-env區(qū)別詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-02-02
所見即所得的富文本編輯器bootstrap-wysiwyg使用方法詳解
這篇文章主要為大家分享一款所見即所得的富文本編輯器bootstrap-wysiwyg,并詳細告訴大家文本編輯器bootstrap-wysiwyg的使用方法,感興趣的小伙伴們可以參考一下2016-05-05
Kettle中使用JavaScrip調用jar包對文件內容進行MD5加密的操作方法
這篇文章主要介紹了Kettle中使用JavaScrip調用jar包對文件內容進行MD5加密的方法,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-09-09
js簡單實現表單中點擊按鈕動態(tài)增加輸入框數量的方法
這篇文章主要介紹了js簡單實現表單中點擊按鈕動態(tài)增加輸入框數量的方法,涉及javascript鼠標點擊事件及insertAdjacentHTML方法的相關使用技巧,需要的朋友可以參考下2015-08-08

