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

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

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

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

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

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

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

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

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

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

您可能感興趣的文章:

javascript代碼實現簡易計算器
這篇文章主要為大家詳細介紹了javascript代碼實現簡易計算器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-01-01
純js三維數組實現三級聯動效果
這篇文章主要為大家詳細介紹了純js三維數組實現三級聯動效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-02-02
熱點新聞滾動特效的js代碼
我們在很多大型門戶網站都會有看到有些一熱點新聞都會一直向上滾動，下面我就來給大家推薦一款Javascript中熱點新聞滾動特效代碼，有需要了解的朋友可以參考一下
2013-08-08
webpack4.0 入門實踐教程
webpack4.0發(fā)布了一段時間了，這篇文章主要介紹了webpack4.0 入門實踐教程，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-10-10
javascript中href和replace的比較(詳解)
下面小編就為大家?guī)硪黄猨avascript中href和replace的比較(詳解)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-11-11
js實現打字小游戲
這篇文章主要為大家詳細介紹了js實現打字小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-12-12
JS中使用gulp實現壓縮文件及瀏覽器熱加載功能
這篇文章主要介紹了JS中使用gulp實現壓縮文件及瀏覽器熱加載功能,需要的朋友可以參考下
2017-07-07
js頁面跳轉的問題(跳轉到父頁面、最外層頁面、本頁面)
js頁面跳轉：本頁面跳轉,上一層頁面跳轉，最外層的頁面跳轉，下面為大家大家分享下不同頁面之家的跳轉問題，感興趣的朋友可以學習下
2013-08-08
關于ECharts圖表顯示顏色修改方式
這篇文章主要介紹了關于ECharts圖表顯示顏色修改方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-03-03
JavaScript中join()、splice()、slice()和split()函數用法示例
這篇文章主要介紹了JavaScript中join()、splice()、slice()和split()函數用法,結合實例形式較為詳細的分析了join()、splice()、slice()和split()函數的功能、使用方法及相關操作注意事項,需要的朋友可以參考下
2018-08-08