萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> window.onload與$(document).ready()的區別分析

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

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

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

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

  比如舉個簡單的例子:

  ?

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

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

  而換成:

  ?

1 2 3 4 5 6 $(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程序設計有所幫助。

copyright © 萬盛學電腦網 all rights reserved