淺析$(function) ready和onload 的區(qū)別

更新時間：2016年09月03日 15:01:15 作者：wildfox

新手剛學習js和jq的時候難免會接觸題目所標識的相關內(nèi)容，下面小編通過本教程給大家講解(function) ready和onload 的區(qū)別，感興趣的朋友一起看看吧

新手接觸javascript、jquery的時候不可避免的要接觸題目所標識的相關內(nèi)容，反復看過幾次一到用的時候總是不踏實，寫此文以記之。

　　符號“$”是jquery對象(個人這樣理解，擁有函數(shù)的用法)。接著知道下面的一個等式，功能性能上是完全一致的。

$(function(){ /*do some thing*/ }) = $(document).ready(function(){/* do some thing */}) = $().ready(function(){ /* do some thing */ });

　　上面是jquery中的東西，接著說下原生javascript中的，有window.onload和<body onload=""> 這兩個，是存在一定區(qū)別的，使用匿名函數(shù)以及非匿名函數(shù)等會有不同，我暫時用不到所以沒有做試驗，網(wǎng)上是眾說紛紜，不一致。但是onload與jquery中的ready是不同的，這里面說下：

　　一個是次數(shù)不同，$().ready()在一個一個html中可以使用多次，onload只能使用一次或者說有效綁定只能是唯一的一個。

　　另一個是執(zhí)行時機的不同，簡單講$()執(zhí)行的時機要早于onload，因為$()只要在DOM樹加載完成就執(zhí)行，onload要在全部的元素加載完成執(zhí)行。

以上所述是小編給大家介紹的$(function) ready和onload 的區(qū)別介紹，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的，在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

一段批量給頁面上的控件賦值js
一次性給頁面上的控件賦值，控件的ID和數(shù)據(jù)庫表字段對應一樣，這樣就一次性搞定了
2010-06-06
Javascript實現(xiàn)圖片加載從模糊到清晰顯示的方法
這篇文章主要介紹了使用Javascript實現(xiàn)圖片加載從模糊到清晰顯示的方法,通俗易懂,需要的朋友可以參考下。
2016-06-06
js中匿名函數(shù)的N種寫法
在java中有private屬性，強大的功能js不能實現(xiàn)就矮人一截，匿名函數(shù)，發(fā)揚廣大
2010-09-09
JavaScript實現(xiàn)重力下落與彈性效果的方法分析
這篇文章主要介紹了JavaScript實現(xiàn)重力下落與彈性效果的方法,結合實例形式分析了javascript重力下落及彈性效果的原理與具體實現(xiàn)技巧,需要的朋友可以參考下
2017-12-12
如何判斷鼠標是否在DIV的區(qū)域內(nèi)
通過mouseover，mouseout來觸發(fā)事件，才判斷鼠標是否在該區(qū)域。但是這種方法的局限性就是，必須要觸發(fā)mouseover，或mouseout，mouseleave事件才能知道
2013-11-11
靈活的理解JavaScript中的this指向
this是JavaScript中的關鍵字之一，在編寫程序的時候經(jīng)常會用到，正確的理解和使用關鍵字this尤為重要。接下來通過本文給大家介紹javascript中的this，需要的朋友參考下吧
2016-02-02
BootStrap selectpicker后臺動態(tài)綁定數(shù)據(jù)的方法
這篇文章主要為大家詳細介紹了BootStrap selectpicker后臺動態(tài)綁定數(shù)據(jù)的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-07-07
JS模擬超市簡易收銀臺小程序代碼解析
本文通過實例代碼給大家介紹了JS模擬超市簡易收銀臺小程序代碼，非常不錯，具有參考借鑒價值，需要的的朋友參考下吧
2017-08-08
js實現(xiàn)點擊展開隱藏效果（實例代碼）
本篇文章小編給大家?guī)硪黄P于JS實現(xiàn)點擊展開點擊隱藏的效果代碼內(nèi)容，有興趣的朋友參考下。
2018-09-09
微信小程序使用第三方庫Underscore.js步驟詳解
大家都知道Underscore.js是一個 JavaScript 工具庫，它提供了一整套函數(shù)式編程的實用功能，但是沒有擴展任何 JavaScript 內(nèi)置對象。那么這篇文章我們就來學習下微信小程序如何使用第三方庫Underscore.js，有需要的可以參考學習。
2016-09-09