返回列表 發帖

JavaScript 的十大自訂函數

原文出自於 Dustin Diaz 寫的 Top 10 custom JavaScript functions of all time
以下為摘錄內容

10. addEvent() - 可以讓你很容易的在 element 上加入事件處理函數
9. addLoadEvent() - 可以讓你很輕鬆的加入頁面載入後的事件處理
8. getElementsByClass() - 可以透過 class name 取得 elements,類似 getElementsByXXX 的內建函數
7. cssQuery() - 可以透過 CSS 的屬性去查詢 DOM,是一個功能強大的函數
6. toggle() - 快速切換 element 的隱藏/顯示狀態
5. insertAfter() - 在某 element 之後插入新 element,看起來很像 DOM 的內建函數是嗎,但並不是。
4. inArray() - 替 Array 物件新增的功能,可以查詢單一的值是否存在於 Array 物件內。
3. 2. 1. getCookie(), setCookie(), deleteCookie() - 前三名是一組存取 cookie 的函數,從此存取 cookie 不再是麻煩事囉。

另外,絕對不可少的一個函數就是 Prototype 內的錢記號 $ 函數,除了把 getElementByID() 包裝起來外,還增加了一次選擇多個 element 的功能,非常好用喔。

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

返回列表 回復 發帖