/* syntax highlight */ /* end of syntax highlight */

2012年1月3日 星期二

jQuery 筆記 (四) window.onload 與 $(document).ready

Bookmark and Share

在看程式碼的時候看到了程式開始的兩種用法

第一是 Window.onload,第二是 $(document).ready

儘以此文章紀錄其差異

 

  window.onload $(document).ready
事件 JS 原生事件 DOM 標準的 DOMContentLoaded 事件
觸發時機 整個網頁下載完之後,才會開始,如果網頁當中有圖片,則會延後執行的時間,例如如果網頁中有 100 張圖片,等會等 100 張圖片都下載完之後才會執行 等全部的 DOM 元素下載完之後就會觸發,觸發時間較早
複寫 後來的會覆蓋掉先前的 前一次與後一次都會執行
範例 windows.onload = function(){
   //do something ..
}
$(document).ready(function()){
   //do something…
}
其他用法   可寫成以下型式

$().ready(handler) { // do something }

(function($){ // do something }

 

ps. 一般來說使用 $(document).ready 較佳

ps. 並注意 $(document).ready() 必須在 window.onload 之前使用,原因如下:

ps.  這篇文章 有提到,如果在註冊 window.onload 事件後才使用$(document).ready() 會導致 $(document).ready() 變的與 $(window).load() 的行為一樣,要等到網頁所有資源都下載完畢才會執行 $(document).ready() 中註冊的事件!

0 意見:

張貼留言

Related Posts Plugin for WordPress, Blogger...