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

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

window.onload是Javascript中得函數，意思是：等待網頁中所有內容加載完畢之后(包括圖片);

而$(documetn).ready()是在網頁中的所有DOM結構繪制完畢之后就可以執行了，可能有與DOM關聯的元素還沒有加載完，所以相比之下更快一些;

比如舉個簡單的例子：

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

根據上面的意思，結果只能輸出“I am No.2”

而換成:

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

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

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