jquery $(document).ready()和window.onload的區(qū)別淺析
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ù)時候，第一行寫的是：
$(document).ready(function(){
…
});
這個時候，不一定要等所有的js和圖片加載完畢，就可以執(zhí)行一些方法，不過有些時候，必須要等所有的
元素都加載完畢，才可以執(zhí)行一些方法的時候，比如說，部分圖片或者什么其他方面還沒有加載好，這個時候，點擊某些按鈕，會導(dǎo)致出現(xiàn)意外的情況，這個時候，就
需要用到:
$(window).load(function() {
…
});
總結(jié)對比：
- 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的加載耗時分析
相關(guān)文章
前臺js改變Session的值(用ajax實現(xiàn))
前臺js改變Session的值,有很多的新手朋友對此問題會很陌生，本文將提供解決方法，需要了解的朋友可以參考下2012-12-12
微信小程序小組件 基于Canvas實現(xiàn)直播點贊氣泡效果
這篇文章主要為大家詳細(xì)介紹了微信小程序小組件，基于Canvas實現(xiàn)直播點贊氣泡效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要為大家詳細(xì)介紹了如何通過D3.js實現(xiàn)繪制折線圖，文中的示例代碼講解詳細(xì)，對我們學(xué)習(xí)D3.js有一定的幫助，需要的可以參考一下2022-11-11
下面小編就為大家?guī)硪黄猨s調(diào)用屏幕寬度的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要為大家介紹了javascript實現(xiàn)2016新年版日歷的詳細(xì)代碼，感興趣的小伙伴們可以參考一下2016-01-01
JS實現(xiàn)用特殊符號替換字符串的中間部分區(qū)域的實例代碼
相信很多人都遇到過敏感信息需要做部分隱藏功能，大多數(shù)都是用特殊符號去替換。今天小編給大家?guī)砹薐S實現(xiàn)用特殊符號替換字符串的中間部分區(qū)域的實例代碼，需要的朋友參考下吧2018-07-07
AJAX跨域請求json數(shù)據(jù)的實現(xiàn)方法
這篇文章介紹了AJAX跨域請求json數(shù)據(jù)的實現(xiàn)方法，有需要的朋友可以參考一下2013-11-11
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)手寫板，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了微信小程序如何再次獲取用戶授權(quán)的方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
本文主要介紹了HTML的select控件美化以及js實現(xiàn)select選擇功能的方法步驟。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03