JavaScript框架是什麼?怎麼叫框架？

JavaScript 本身就是一種強大的語言，您不需要額外的框架來建立富互聯網應用程式（RIA）。然而使用 JavaScript 並不是件容易的事，主要是因為支援多個 Web 瀏覽器所產生的複雜度。與 HTML 和 CSS一樣，不同的瀏覽器有不同的 JavaScript 實作。讓 JavaScript 程式碼實現跨瀏覽器相容簡直是個惡夢。

JavaScript 框架或函式庫是一組能輕鬆產生跨瀏覽器相容的 JavaScript 程式碼的工具和函數。每個程式庫都在眾多流行的Web 瀏覽器的現代版本上進行了可靠的測試，因此，您可以放心地使用這些框架，您的基於JavaScript 的RIA 將會在不同瀏覽器和平台上以類似的方式工作。

除了解決跨瀏覽器問題，使用 JavaScript 框架可以更輕鬆地編寫檢索、遍歷、操作 DOM 元素的程式碼。它們不僅提供獲取 DOM 元素引用的快捷函數，而且還允許 DOM 遍歷函數以菊花鏈（daisy-chaining）方式查找任意深度的父元素、子元素、兄弟元素。最後，框架還提供一系列函數來更輕鬆地操作這些對象，可以改變、添加或刪除內容本身；或使用 CSS 樣式類別來改變元素的外觀。

框架的另一個重要特性是其改進的事件處理支援。由於不同瀏覽器的實作方式各不相同，因此跨瀏覽器事件處理將會非常艱難。因此 JavaScript 框架通常封裝瀏覽器事件，並提供一組有用的跨瀏覽器相容的函數來進行處理。有些框架還會提供一組標準鍵盤程式碼來表示基於鍵盤的事件（如按下 Escape 鍵、Return 鍵、遊標鍵，等等）。

所有這些特性都非常有用，但 JavaScript 框架有一個特性對於它最近的流行非常重要 — 支援 Ajax。與 JavaScript 的其他許多方面一樣，每個 Web 瀏覽器往往以不同方式支援 Ajax，這使得以一種在所有 Web 瀏覽器中都受支援的方式處理 Ajax 變得十分複雜。幾乎所有 JavaScript 框架都包含某種形式的 Ajax 函式庫支持，通常提供 Ajax 請求和回應對象，以及用於評價回應、更新 DOM 元素、查詢特定請求的幫助函數（helper）。

JavaScript 框架的典型特性

現在，讓我們來看看大多數 JavaScript 框架都具備的有用特性。包括：

1.選擇器（Selector）
2.DOM 遍歷
3.DOM 運算
4.實用（Utility）函數
5.事件處理Ajax

在解釋每個特性時，我將會用以下的一個或幾個JavaScript 框架舉例說明：Prototype、jQuery、YUI、ExtJS 和MooTools。儘管每個框架的實現和語法都各不相同，但概念都是相同的。每個框架都有一個詳細的 API 參考，可協助您瞭解如何使用該特定程式庫中的特性。

更多相關教學請造訪 JavaScript基礎教學