首頁  >  文章  >  web前端  >  window.onload與$(document).ready()的區別分析_javascript技巧

window.onload與$(document).ready()的區別分析_javascript技巧

WBOY
WBOY原創
2016-05-16 15:57:121101瀏覽

本文實例講述了window.onload與$(document).ready()的差異。分享給大家供大家參考。具體分析如下:

window.onload是Javascript中得函數,意思是:等待網頁中所有內容載入完畢之後(包括圖片);
而$(documetn).ready()是在網頁中的所有DOM結構繪製完畢之後就可以執行了,可能有與DOM關聯的元素還沒有加載完,所以相比之下更快一些;

例如舉個簡單的例子:

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

根據上面的意思,結果只能輸出「I am No.2」

而換成:

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

結果輸出 I am  No.1  ,I am No.2

希望本文所述對大家的javascript程式設計有所幫助。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn