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

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

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

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

window.onload是Javascript中得函數(shù)，意思是：等待網(wǎng)頁中所有內(nèi)容加載完畢之后（包括圖片）；
而$(documetn).ready()是在網(wǎng)頁中的所有DOM結(jié)構(gòu)繪制完畢之后就可以執(zhí)行了，可能有與DOM關(guān)聯(liá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

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

您可能感興趣的文章:

相關(guān)文章

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