快捷導(dǎo)航

window.onload與$(document).ready()的區(qū)別分析

更新時(shí)間：2015年05月30日 15:41:15 作者：hitxueliang

這篇文章主要介紹了window.onload與$(document).ready()的區(qū)別,實(shí)例分析了二者在加載頁(yè)面元素使用過(guò)程中的區(qū)別,需要的朋友可以參考下

本文實(shí)例講述了window.onload與$(document).ready()的區(qū)別。分享給大家供大家參考。具體分析如下：

window.onload是Javascript中得函數(shù)，意思是：等待網(wǎng)頁(yè)中所有內(nèi)容加載完畢之后（包括圖片）；
而$(documetn).ready()是在網(wǎng)頁(yè)中的所有DOM結(jié)構(gòu)繪制完畢之后就可以執(zhí)行了，可能有與DOM關(guān)聯(lián)的元素還沒(méi)有加載完，所以相比之下更快一些；

比如舉個(gè)簡(jiǎn)單的例子：

window.onload=function(){
  alert('I am No.1');
};
window.onload=function(){
 alert('I am No.2');
}

根據(jù)上面的意思，結(jié)果只能輸出“I am No.2”

而換成:

$(document).ready(function(){
alert('I am No.1');
});
$(document).ready(function(){
alert('I am No.2');
});

結(jié)果輸出 I am No.1 ,I am No.2

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

詳解js的事件代理（委托）
JavaScript事件代理（委托）一般用于以下情況：1. 事件注冊(cè)在祖先級(jí)元素上，代理其子級(jí)元素?？梢詼p少事件注冊(cè)數(shù)量，節(jié)約內(nèi)存開(kāi)銷，提高性能。2. 對(duì)js動(dòng)態(tài)添加的子元素可自動(dòng)綁定事件。本文主要介紹用原生 js 實(shí)現(xiàn)該功能。下面跟著小編一起來(lái)看下吧
2016-12-12
javascript檢測(cè)瀏覽器的縮放狀態(tài)實(shí)現(xiàn)代碼
這篇文章主要介紹了javascript檢測(cè)瀏覽器的縮放狀態(tài)實(shí)現(xiàn)代碼,需要的朋友可以參考下
2014-09-09
js實(shí)現(xiàn)拖拽閉包函數(shù)詳細(xì)介紹
在開(kāi)發(fā)過(guò)程中可能會(huì)使用js實(shí)現(xiàn)拖拽等相關(guān)功能，本文將以此問(wèn)題進(jìn)行深入介紹，需要了解的朋友可以參考下
2012-11-11
JavaScript聲明變量名的語(yǔ)法規(guī)則
這篇文章主要給大家簡(jiǎn)單介紹了JavaScript聲明變量名的語(yǔ)法規(guī)則，非常有助于大家學(xué)習(xí)javascript，有需要的小伙伴可以參考下。
2015-07-07
基于jstree使用AJAX請(qǐng)求獲取數(shù)據(jù)形成樹(shù)
這篇文章主要為大家詳細(xì)介紹了基于jstree使用AJAX請(qǐng)求獲取數(shù)據(jù)形成樹(shù)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-08-08
全面了解函數(shù)聲明與函數(shù)表達(dá)式、變量提升
下面小編就為大家?guī)?lái)一篇全面了解函數(shù)聲明與函數(shù)表達(dá)式、變量提升。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-08-08
微信小程序?qū)崿F(xiàn)商品屬性聯(lián)動(dòng)選擇
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)商品屬性聯(lián)動(dòng)選擇，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-02-02
加載遠(yuǎn)程圖片時(shí),經(jīng)常因?yàn)榫彺娑貌坏礁碌慕鉀Q方法(分享)
本篇文章是對(duì)加載遠(yuǎn)程圖片時(shí),經(jīng)常因?yàn)榫彺娑貌坏礁碌慕鉀Q方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下
2013-06-06
js中如何完美的解析數(shù)據(jù)
這篇文章給大家分享了JS中完美解析數(shù)據(jù)的方法和技巧，對(duì)此有興趣的朋友可以參考學(xué)習(xí)下。
2018-03-03
JavaScript中的this關(guān)鍵字介紹與使用實(shí)例
JavaScript其實(shí)一門基于或者說(shuō)是面向?qū)ο蟮恼Z(yǔ)言，這樣的話，this這個(gè)關(guān)鍵字，在類的內(nèi)部就顯得尤為重要
2013-06-06