jquery $(document).ready()和window.onload的區(qū)別淺析
Jquery中$(document).ready()的作用類似于傳統(tǒng)JavaScript中的window.onload方法，不過與window.onload方法還是有區(qū)別的。
1.執(zhí)行時間
window.onload必須等到頁面內包括圖片的所有元素加載完畢后才能執(zhí)行。
$(document).ready()是DOM結構繪制完畢后就執(zhí)行，不必等到加載完畢。
2.編寫個數(shù)不同
window.onload不能同時編寫多個，如果有多個window.onload方法，只會執(zhí)行一個
$(document).ready()可以同時編寫多個，并且都可以得到執(zhí)行
3.簡化寫法
window.onload沒有簡化寫法
$(document).ready(function(){})可以簡寫成$(function(){});
在我以前的開發(fā)中，一般用到javascript，我都是采用jquery的模式，也就是大多數(shù)時候，第一行寫的是：
$(document).ready(function(){
…
});
這個時候，不一定要等所有的js和圖片加載完畢，就可以執(zhí)行一些方法，不過有些時候，必須要等所有的
元素都加載完畢，才可以執(zhí)行一些方法的時候，比如說，部分圖片或者什么其他方面還沒有加載好，這個時候，點擊某些按鈕，會導致出現(xiàn)意外的情況，這個時候，就
需要用到:
$(window).load(function() {
…
});
總結對比：
- jQuery mobile在頁面加載時添加加載中效果 document.ready 和window.onload執(zhí)行順序比較
- jQuery中的ready函數(shù)與window.onload誰先執(zhí)行
- 全面解析jQuery $(document).ready()和JavaScript onload事件
- JQuery的ready函數(shù)與JS的onload的區(qū)別詳解
- JQuery onload、ready概念介紹及使用方法
- Jquery知識點一 Jquery的ready和Dom的onload的區(qū)別
- jquery的$(document).ready()和onload的加載順序
- jquery $(document).ready() 與window.onload的區(qū)別
- jquery中的$(document).ready()與window.onload的區(qū)別
- jQuery ready()和onload的加載耗時分析
相關文章
這篇文章主要介紹了深入淺析JavaScript面向對象和原型函數(shù)的相關資料,需要的朋友可以參考下2016-02-02
web-view組件是一個可以用來承載網(wǎng)頁的容器,會自動鋪滿整個小程序頁面,這篇文章主要介紹了微信小程序中的webview組件的基本使用方法、應用場景、通信機制以及注意事項,需要的朋友可以參考下2025-03-03
這篇文章主要介紹了JS數(shù)組搜索之折半搜索實現(xiàn)方法,結合具體實例形式分析了javascript數(shù)組折半搜索算法的原理、實現(xiàn)技巧與相關注意事項,需要的朋友可以參考下2017-03-03
這篇文章主要為大家詳細介紹了JS實現(xiàn)可控制的進度條，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
JS注釋所產(chǎn)生的bug 即使注釋也會執(zhí)行
寫js時出現(xiàn)個bug一直提示我JAVA類中的一個屬性沒有，可是明明注釋掉了，后來才知道，JS里即使注釋也會執(zhí)行2013-11-11
最近看了一下developer.mozilla.org里的東西，發(fā)現(xiàn)它為Array對象添加了不少generic method，趕得上Prototype的熱心程度。2009-10-10
前端技巧之HTTP中POST提交數(shù)據(jù)四種方式
這篇文章主要為大家介紹了前端技巧之HTTP中POST提交數(shù)據(jù)四種方式詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
這篇文章主要為大家詳細介紹了JavaScript編寫猜拳游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
uniapp開發(fā)安卓App實現(xiàn)高德地圖路線規(guī)劃導航功能的全過程
最近項目需要在APP內實現(xiàn)路線規(guī)劃導航功能,直接打開高德地圖進行導航,下面這篇文章主要給大家介紹了關于利用uniapp開發(fā)安卓App實現(xiàn)高德地圖路線規(guī)劃導航功能的相關資料,需要的朋友可以參考下2022-08-08
這篇文章主要介紹了JavaScript實現(xiàn)購物車特效的相關資料，文中通過示例代碼詳細介紹了，利用Javascript如何實現(xiàn)類似淘寶購物車中商品的單選、全選、刪除、修改等功能，需要的朋友可以參考借鑒，下面來一起看看吧。2017-03-03