jQuery中的ready函數(shù)與window.onload誰先執(zhí)行
A.關(guān)于$(document).ready():
jquery中的$(document).ready(),那$(document).ready()到底是什么作用呢?是不是可以用window.onload = function(){ ... }來實現(xiàn)呢?
這里,我們要明確二者之間的區(qū)別。
我們使用window.onload = function(){ ... },是希望在頁面被載入時執(zhí)行function中的處理,但是這些JS代碼只有在頁面上的全部內(nèi)容加載完成(包括頭部的banner廣告,所有圖片)的時候才會執(zhí)行。將window.onload放在最上邊的原因就是當你第一次運行codes的時候,HTML'document'還沒有加載完成。
而$(document).ready()卻不需要載入得這么“完全”。$(document).ready()是在DOM結(jié)構(gòu)載入完后執(zhí)行的,而 window.onload是得在所有文件都加載完后執(zhí)行的,注意區(qū)別,一個是DOM加載完,一個是所有文件加載完。因此,ready肯定在onload 之前發(fā)生,頁面加載大或者多的圖片而使onload執(zhí)行延后,使用jquery的ready可緩解此問題。
我們應(yīng)該緊記,jquery的ready是指在頁面的DOM模型加載完后執(zhí)行指定的函數(shù)。之所以經(jīng)常用$(document).ready()來取代 window.onload,就是因為它是在dom模型加載完成后就執(zhí)行,而window.onload是在dom元素加載完全后才執(zhí)行。
B.關(guān)于document.onload和window.onload:
document.onload和window.onload沒有本質(zhì)的區(qū)別,都是指頁面載入完成后執(zhí)行指定函數(shù)。
做一個比較吧:
window .onload =function (){alert ("welcome");}
$(document).ready(
function (){
alert ("thanks for visiting!");
}
);
運行后你會發(fā)現(xiàn) $(document).ready()先執(zhí)行。
以上就是本文的全部內(nèi)容,了解更多jQuery的語法,大家可以查看:《jQuery 1.10.3 在線手冊》,也希望大家多多支持腳本之家。
- jQuery mobile在頁面加載時添加加載中效果 document.ready 和window.onload執(zhí)行順序比較
- 全面解析jQuery $(document).ready()和JavaScript onload事件
- jquery $(document).ready()和window.onload的區(qū)別淺析
- 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)文章
以WordPress為例講解jQuery美化頁面Title的方法
鼠標移動到超鏈接時顯示Title提示即是所謂Title美化的一般手段,這里我們就以WordPress為例講解jQuery美化頁面Title的方法,需要的朋友可以參考下2016-05-05
使用JQuery實現(xiàn)Ctrl+Enter提交表單的方法
這篇文章主要介紹了使用JQuery實現(xiàn)Ctrl+Enter提交表單的方法,需要的朋友可以參考下2015-10-10
jquery $.each 和for怎么跳出循環(huán)終止本次循環(huán)
如何在jquery 中的循環(huán)中終止本次循環(huán)或者跳出循環(huán)呢?經(jīng)搜索發(fā)現(xiàn)個不錯的方法,大家不妨參考下,希望對大家有所幫助2013-09-09
jQuery插件easyUI實現(xiàn)通過JS顯示Dialog的方法
這篇文章主要介紹了jQuery插件easyUI實現(xiàn)通過JS顯示Dialog的方法,實例分析了jQuery插件easyUI彈出Dialog的具體實現(xiàn)技巧,需要的朋友可以參考下2016-09-09
得到j(luò)Query detach()后節(jié)點中的某個值實現(xiàn)代碼
需要jQuery -detach 后的dom 結(jié)構(gòu)或某個值,如何獲取到呢?一直困惑著我們,不過本文將為大家解開疑惑,感興趣的朋友可以了解下,或許本文對你有所幫助2013-02-02
jquery實現(xiàn)商品sku多屬性選擇功能(商品詳情頁)
這篇文章主要介紹了jquery實現(xiàn)商品sku多屬性選擇功能(商品詳情頁),文中簡單給大家介紹了sku的概念,需要的朋友可以參考下2019-12-12

