淺析$(function) ready和onload 的區(qū)別
新手接觸javascript、jquery的時(shí)候不可避免的要接觸題目所標(biāo)識(shí)的相關(guān)內(nèi)容，反復(fù)看過幾次一到用的時(shí)候總是不踏實(shí)，寫此文以記之。
符號(hào)“$”是jquery對(duì)象(個(gè)人這樣理解，擁有函數(shù)的用法)。接著知道下面的一個(gè)等式，功能性能上是完全一致的。
$(function(){ /*do some thing*/ }) = $(document).ready(function(){/* do some thing */}) = $().ready(function(){ /* do some thing */ });
上面是jquery中的東西，接著說下原生javascript中的，有window.onload和<body onload=""> 這兩個(gè)，是存在一定區(qū)別的，使用匿名函數(shù)以及非匿名函數(shù)等會(huì)有不同，我暫時(shí)用不到所以沒有做試驗(yàn)，網(wǎng)上是眾說紛紜，不一致。 但是onload與jquery中的ready是不同的，這里面說下：
一個(gè)是次數(shù)不同，$().ready()在一個(gè)一個(gè)html中可以使用多次，onload只能使用一次或者說有效綁定只能是唯一的一個(gè)。
另一個(gè)是執(zhí)行時(shí)機(jī)的不同，簡(jiǎn)單講$()執(zhí)行的時(shí)機(jī)要早于onload，因?yàn)?()只要在DOM樹加載完成就執(zhí)行，onload要在全部的元素加載完成執(zhí)行。
以上所述是小編給大家介紹的$(function) ready和onload 的區(qū)別介紹，希望對(duì)大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的，在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
- jQuery中的ready函數(shù)與window.onload誰先執(zhí)行
- jquery $(document).ready()和window.onload的區(qū)別淺析
- 一張表格告訴你windows.onload()與$(document).ready()的區(qū)別
- 淺析document.ready和window.onload的區(qū)別講解
- JQuery的ready函數(shù)與JS的onload的區(qū)別詳解
- JQuery onload、ready概念介紹及使用方法
- $(document).ready(function() {})不執(zhí)行初始化腳本
- Jquery中"$(document).ready(function(){ })"函數(shù)的使用詳解
- window.onload和$(function(){})的區(qū)別介紹
相關(guān)文章
javascript代碼實(shí)現(xiàn)簡(jiǎn)易計(jì)算器
這篇文章主要為大家詳細(xì)介紹了javascript代碼實(shí)現(xiàn)簡(jiǎn)易計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-01-01
純js三維數(shù)組實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了純js三維數(shù)組實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
我們?cè)诤芏啻笮烷T戶網(wǎng)站都會(huì)有看到有些一熱點(diǎn)新聞都會(huì)一直向上滾動(dòng)，下面我就來給大家推薦一款Javascript中熱點(diǎn)新聞滾動(dòng)特效代碼，有需要了解的朋友可以參考一下2013-08-08
webpack4.0發(fā)布了一段時(shí)間了，這篇文章主要介紹了webpack4.0 入門實(shí)踐教程，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-10-10
javascript中href和replace的比較(詳解)
下面小編就為大家?guī)硪黄猨avascript中href和replace的比較(詳解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)打字小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
JS中使用gulp實(shí)現(xiàn)壓縮文件及瀏覽器熱加載功能
這篇文章主要介紹了JS中使用gulp實(shí)現(xiàn)壓縮文件及瀏覽器熱加載功能,需要的朋友可以參考下2017-07-07
js頁面跳轉(zhuǎn)的問題(跳轉(zhuǎn)到父頁面、最外層頁面、本頁面)
js頁面跳轉(zhuǎn)：本頁面跳轉(zhuǎn),上一層頁面跳轉(zhuǎn)，最外層的頁面跳轉(zhuǎn)，下面為大家大家分享下不同頁面之家的跳轉(zhuǎn)問題，感興趣的朋友可以學(xué)習(xí)下2013-08-08
這篇文章主要介紹了關(guān)于ECharts圖表顯示顏色修改方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03
JavaScript中join()、splice()、slice()和split()函數(shù)用法示例
這篇文章主要介紹了JavaScript中join()、splice()、slice()和split()函數(shù)用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了join()、splice()、slice()和split()函數(shù)的功能、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2018-08-08