快捷導(dǎo)航

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

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

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

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

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

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

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

$(document).ready(function(){

…

});

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

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

需要用到:

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

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

});

總結(jié)對比：

您可能感興趣的文章:

相關(guān)文章

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