快捷導(dǎo)航

jquery $(document).ready()和window.onload的區(qū)別淺析

更新時(shí)間：2015年02月04日 11:25:35 投稿：junjie

這篇文章主要介紹了jquery $(document).ready()和 window.onload的區(qū)別淺析,本文總結(jié)了執(zhí)行時(shí)間、編寫個(gè)數(shù)不同、簡(jiǎn)化寫法等不同的地方,需要的朋友可以參考下

Jquery中$(document).ready()的作用類似于傳統(tǒng)JavaScript中的window.onload方法，不過(guò)與window.onload方法還是有區(qū)別的。

1.執(zhí)行時(shí)間
        window.onload必須等到頁(yè)面內(nèi)包括圖片的所有元素加載完畢后才能執(zhí)行。
        $(document).ready()是DOM結(jié)構(gòu)繪制完畢后就執(zhí)行，不必等到加載完畢。
2.編寫個(gè)數(shù)不同
         window.onload不能同時(shí)編寫多個(gè)，如果有多個(gè)window.onload方法，只會(huì)執(zhí)行一個(gè)
         $(document).ready()可以同時(shí)編寫多個(gè)，并且都可以得到執(zhí)行
3.簡(jiǎn)化寫法
         window.onload沒(méi)有簡(jiǎn)化寫法
         $(document).ready(function(){})可以簡(jiǎn)寫成$(function(){});

在我以前的開(kāi)發(fā)中，一般用到j(luò)avascript，我都是采用jquery的模式，也就是大多數(shù)時(shí)候，第一行寫的是：

復(fù)制代碼代碼如下:

$(document).ready(function(){

…

});

這個(gè)時(shí)候，不一定要等所有的js和圖片加載完畢，就可以執(zhí)行一些方法，不過(guò)有些時(shí)候，必須要等所有的

元素都加載完畢，才可以執(zhí)行一些方法的時(shí)候，比如說(shuō)，部分圖片或者什么其他方面還沒(méi)有加載好，這個(gè)時(shí)候，點(diǎn)擊某些按鈕，會(huì)導(dǎo)致出現(xiàn)意外的情況，這個(gè)時(shí)候，就

需要用到:

復(fù)制代碼代碼如下:

$(window).load(function() {
…

});

總結(jié)對(duì)比：

您可能感興趣的文章:

相關(guān)文章

深入淺析JavaScript面向?qū)ο蠛驮秃瘮?shù)
這篇文章主要介紹了深入淺析JavaScript面向?qū)ο蠛驮秃瘮?shù)的相關(guān)資料,需要的朋友可以參考下
2016-02-02
微信小程序中webview組件的使用與應(yīng)用場(chǎng)景詳解
web-view組件是一個(gè)可以用來(lái)承載網(wǎng)頁(yè)的容器,會(huì)自動(dòng)鋪滿整個(gè)小程序頁(yè)面,這篇文章主要介紹了微信小程序中的webview組件的基本使用方法、應(yīng)用場(chǎng)景、通信機(jī)制以及注意事項(xiàng),需要的朋友可以參考下
2025-03-03
JS數(shù)組搜索之折半搜索實(shí)現(xiàn)方法分析
這篇文章主要介紹了JS數(shù)組搜索之折半搜索實(shí)現(xiàn)方法,結(jié)合具體實(shí)例形式分析了javascript數(shù)組折半搜索算法的原理、實(shí)現(xiàn)技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下
2017-03-03
JS實(shí)現(xiàn)可控制的進(jìn)度條
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)可控制的進(jìn)度條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-03-03
JS注釋所產(chǎn)生的bug 即使注釋也會(huì)執(zhí)行
寫js時(shí)出現(xiàn)個(gè)bug一直提示我JAVA類中的一個(gè)屬性沒(méi)有，可是明明注釋掉了，后來(lái)才知道，JS里即使注釋也會(huì)執(zhí)行
2013-11-11
JavaScript Array擴(kuò)展實(shí)現(xiàn)代碼
最近看了一下developer.mozilla.org里的東西，發(fā)現(xiàn)它為Array對(duì)象添加了不少generic method，趕得上Prototype的熱心程度。
2009-10-10
前端技巧之HTTP中POST提交數(shù)據(jù)四種方式
這篇文章主要為大家介紹了前端技巧之HTTP中POST提交數(shù)據(jù)四種方式詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-06-06
JavaScript編寫猜拳游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript編寫猜拳游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-11-11
uniapp開(kāi)發(fā)安卓App實(shí)現(xiàn)高德地圖路線規(guī)劃導(dǎo)航功能的全過(guò)程
最近項(xiàng)目需要在APP內(nèi)實(shí)現(xiàn)路線規(guī)劃導(dǎo)航功能,直接打開(kāi)高德地圖進(jìn)行導(dǎo)航,下面這篇文章主要給大家介紹了關(guān)于利用uniapp開(kāi)發(fā)安卓App實(shí)現(xiàn)高德地圖路線規(guī)劃導(dǎo)航功能的相關(guān)資料,需要的朋友可以參考下
2022-08-08
JavaScript實(shí)現(xiàn)類似淘寶的購(gòu)物車效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)購(gòu)物車特效的相關(guān)資料，文中通過(guò)示例代碼詳細(xì)介紹了，利用Javascript如何實(shí)現(xiàn)類似淘寶購(gòu)物車中商品的單選、全選、刪除、修改等功能，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。
2017-03-03