window.onload與$(document).ready()的區(qū)別分析
本文實(shí)例講述了window.onload與$(document).ready()的區(qū)別。分享給大家供大家參考。具體分析如下:
window.onload是Javascript中得函數(shù),意思是:等待網(wǎng)頁中所有內(nèi)容加載完畢之后(包括圖片);
而$(documetn).ready()是在網(wǎng)頁中的所有DOM結(jié)構(gòu)繪制完畢之后就可以執(zhí)行了,可能有與DOM關(guān)聯(lián)的元素還沒有加載完,所以相比之下更快一些;
比如舉個簡單的例子:
window.onload=function(){ alert('I am No.1'); }; window.onload=function(){ alert('I am No.2'); }
根據(jù)上面的意思,結(jié)果只能輸出“I am No.2”
而換成:
$(document).ready(function(){ alert('I am No.1'); }); $(document).ready(function(){ alert('I am No.2'); });
結(jié)果輸出 I am No.1 ,I am No.2
希望本文所述對大家的javascript程序設(shè)計(jì)有所幫助。
- jquery $(document).ready()和window.onload的區(qū)別淺析
- window.onload追加函數(shù)使用示例
- js window.onload 加載多個函數(shù)和追加函數(shù)詳解
- JS:window.onload的使用介紹
- jquery $(document).ready() 與window.onload的區(qū)別
- jquery中的$(document).ready()與window.onload的區(qū)別
- window.onload的頁面加載技巧
- jquery中的$(document).ready()使用小結(jié)
- jquery的$(document).ready()和onload的加載順序
相關(guān)文章
js實(shí)現(xiàn)從中間開始往上下展開網(wǎng)頁窗口的方法
這篇文章主要介紹了js實(shí)現(xiàn)從中間開始往上下展開網(wǎng)頁窗口的方法,是非常實(shí)用的js窗口效果,需要的朋友可以參考下2015-03-03JavaScript canvas實(shí)現(xiàn)代碼雨效果
這篇文章主要為大家詳細(xì)介紹了JavaScript canvas實(shí)現(xiàn)代碼雨效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-06-06js行號顯示的文本框?qū)崿F(xiàn)效果(兼容多種瀏覽器 )
本文主要介紹了javascript實(shí)現(xiàn)行號顯示的文本框效果,這樣就可以解決讀者很難迅速找到所在某一行的對應(yīng)代碼,感興趣的小伙伴們可以參考一下2015-10-10webpack.DefinePlugin與cross-env區(qū)別詳解
這篇文章主要介紹了webpack.DefinePlugin與cross-env區(qū)別詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02所見即所得的富文本編輯器bootstrap-wysiwyg使用方法詳解
這篇文章主要為大家分享一款所見即所得的富文本編輯器bootstrap-wysiwyg,并詳細(xì)告訴大家文本編輯器bootstrap-wysiwyg的使用方法,感興趣的小伙伴們可以參考一下2016-05-05Kettle中使用JavaScrip調(diào)用jar包對文件內(nèi)容進(jìn)行MD5加密的操作方法
這篇文章主要介紹了Kettle中使用JavaScrip調(diào)用jar包對文件內(nèi)容進(jìn)行MD5加密的方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-09-09js簡單實(shí)現(xiàn)表單中點(diǎn)擊按鈕動態(tài)增加輸入框數(shù)量的方法
這篇文章主要介紹了js簡單實(shí)現(xiàn)表單中點(diǎn)擊按鈕動態(tài)增加輸入框數(shù)量的方法,涉及javascript鼠標(biāo)點(diǎn)擊事件及insertAdjacentHTML方法的相關(guān)使用技巧,需要的朋友可以參考下2015-08-08