跳過導覽列

O3noBLOG

A Happy(?)Designer ~~

單篇彙整

肆月 20

Use DOMContentLoaded ?

onload 越來越少人在用,而改用像是DOMContentLoaded這種事件來代替,像是jQuery也有個ready event可以用,主要是因為 onload 事件還要等待網頁中所有的元素都讀取完畢(或是 timeout),這些元素包括圖片,其他網站的 style, script,flash 物件等,常常訪客開始看網頁內容時,需要執行的 script 卻還沒開始執行,不過並不是所有瀏覽器都有支援 DOMContentLoaded 或是提供其他替代方案,所以各家 js library 為了處理這問題就無所不用其極限。

我是傾向用另外一個方法處理這問題,不過需要一些對網頁內元件的控制能力,其實也很簡單,就是把 script 放在頁面尾端,然後馬上跑,這方法除了可以解決上述問題外,還有另外兩個好處,一是所有瀏覽器都支援,二是可以讓網頁內容先讀進來才跑 script,這也是 YSlow 的建議項目之一,當然如果你就是想那讓那些瀏覽器的使用者看起來感覺不好,就當我沒說吧XD。

引用(http://othree.net/cgi-bin/mt/mt-tb.cgi/574)

目前無人引用。

迴響(發表你的迴響)

目前無人回應。

發表迴響

如果欲使用OpenID,請開啟瀏覽器的JavaScript功能。

accesskey:P


其它資訊

關於本文章

Use DOMContentLoaded ?發表於2009-04-20,文章類別為SCRIPT,截至目前為止共有0篇文章引用此文、0篇讀者迴響,你可以為此篇文章留下你的想法,或是訂閱讀者迴響的RSS

關於本網站

本網站是O3(othree)的個人部落格,主要內容為網路標準、網頁設計,穿插些ACG心得和敗家紀錄,如果需要聯絡我請寄信到

Google Friend Connect


認證、授權

XHTML, CSS,WCAG,創用CC 姓名標示