jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化's Archiver

wmh 發表於 2007-7-17 08:24

JavaScript 的十大自訂函數

原文出自於 [url=http://www.dustindiaz.com/]Dustin Diaz[/url] 寫的 [url=http://www.dustindiaz.com/top-ten-javascript/]Top 10 custom JavaScript functions of all time[/url]
以下為摘錄內容
[indent]
10. [b]addEvent()[/b] - 可以讓你很容易的在 element 上加入事件處理函數
9. [b]addLoadEvent()[/b] - 可以讓你很輕鬆的加入頁面載入後的事件處理
8. [b]getElementsByClass()[/b] - 可以透過 class name 取得 elements,類似 getElementsByXXX 的內建函數
7. [b]cssQuery()[/b] - 可以透過 CSS 的屬性去查詢 DOM,是一個功能強大的函數
6. [b]toggle()[/b] - 快速切換 element 的隱藏/顯示狀態
5. [b]insertAfter()[/b] - 在某 element 之後插入新 element,看起來很像 DOM 的內建函數是嗎,但並不是。
4. [b]inArray()[/b] - 替 Array 物件新增的功能,可以查詢單一的值是否存在於 Array 物件內。
3. 2. 1. [b]getCookie(), setCookie(), deleteCookie()[/b] - 前三名是一組存取 cookie 的函數,從此存取 cookie 不再是麻煩事囉。
[/indent]
另外,絕對不可少的一個函數就是 Prototype 內的錢記號 $ 函數,除了把 getElementByID() 包裝起來外,還增加了一次選擇多個 element 的功能,非常好用喔。

以上是原文的摘要,內容應該算是比較偏向 DOM 及 Event,我個人常用的倒不是全是這些,例如 trim() 就很常用,以下是從 Google 的網頁摘錄下來的 trim() 片段,相當的簡潔喔,有機會再來分享其他好用的函數。
[code]function trim(s){
        return s.replace(/^\s*|\s*$/g,"")
}[/code]

頁: [1]

Powered by Discuz! Archiver  © 2001-2009 Comsenz Inc.