javascript中的庫有哪些

本篇內容主要講解“javascript中的庫有哪些”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“javascript中的庫有哪些”吧!

JavaScript 庫

JavaScript 庫 - jQuery、Prototype(原型)、MooTools。

JavaScript 框架（庫）：

JavaScript 高級程序設計（特別是對瀏覽器差異的復雜處理），通常很困難也很耗時。

為了應對這些調整，許多的 JavaScript (helper) 庫應運而生。

這些 JavaScript 庫常被稱為 JavaScript 框架。

在本教程中，我們將了解到一些廣受歡迎的 JavaScript 框架：

jQuery

Prototype

MooTools

所有這些框架都提供針對常見 JavaScript 任務的函數，包括動畫、DOM 操作以及 Ajax 處理。

jQuery：

jQuery 是目前最受歡迎的 JavaScript 框架。

http://www.iis7.com/a/lm/yczmljgj/

它使用 CSS 選擇器來訪問和操作網頁上的 HTML 元素（DOM 對象）。

jQuery 同時提供 companion UI（用戶界面）和插件。

Prototype：

Prototype 是一種庫，提供用于執行常見 web 任務的簡單 API。

API 是應用程序編程接口（Application Programming Interface）的縮寫。它是包含屬性和方法的庫，用于操作 HTML DOM。

Prototype 通過提供類和繼承，實現了對 JavaScript 的增強。

MooTools：

MooTools 也是一個框架，提供了可使常見的 JavaScript 編程更為簡單的 API。

MooTools 也含有一些輕量級的效果和動畫函數。

其他框架：

下面是其他的框架：

YUI：Yahoo! User Interface Framework，涵蓋大量函數的大型庫，從簡單的 JavaScript 功能到完整的 internet widget。

Ext JS：可定制的 widget，用于構建富因特網應用程序（rich Internet applications）。

Dojo：用于 DOM 操作、事件、widget 等的工具包。

script.aculo.us：開源的 JavaScript 框架，針對可視效果和界面行為。

UIZE：Widget、AJAX、DOM、模板等等。

CDN -內容分發網絡：

您總是希望網頁可以盡可能地快。您希望頁面的容量盡可能地小，同時您希望瀏覽器盡可能多地進行緩存。

如果許多不同的網站使用相同的 JavaScript 框架，那么把框架庫存放在一個通用的位置供每個網頁分享就變得很有意義了。

CDN (Content Delivery Network) 解決了這個問題。CDN 是包含可分享代碼庫的服務器網絡。

Google 為一系列 JavaScript 庫提供了免費的 CDN，包括：

jQuery

Prototype

MooTools

Dojo

Yahoo! YUI

但是由于 Google 在中國經常被GFW（防火長城，英文名稱Great Firewall of China，簡寫為Great Firewall，縮寫GFW）屏蔽，造成訪問不穩定，所以建議使用百度靜態資源公共庫。

如需在您的網頁中使用 JavaScript 框架庫，只需在 <script> 標簽中引用該庫即可。

使用框架：

在您決定為網頁使用 JavaScript 框架之前，首先對框架進行測試是明智的。

JavaScript 框架很容易進行測試。您無需在計算機上安裝它們，同時也沒有安裝程序。

通常您只需從網頁中引用一個庫文件。

JavaScript - 測試 jQuery

測試 JavaScript 框架庫 - jQuery

引用 jQuery

如需測試 JavaScript 庫，您需要在網頁中引用它，為了引用某個庫，請使用 <script> 標簽，其 src 屬性設置為庫的 (地址)URL。

jQuery 描述：

主要的 jQuery 函數是 $() 函數（jQuery 函數）。如果您向該函數傳遞 DOM 對象，它會返回 jQuery 對象，帶有向其添加的 jQuery 功能。

jQuery 允許您通過 CSS 選擇器來選取元素。

在 JavaScript 中，您可以分配一個函數以處理窗口加載事件。

jQuery 返回 jQuery 對象，與已傳遞的 DOM 對象不同。

jQuery 對象擁有的屬性和方法，與 DOM 對象的不同。

您不能在 jQuery 對象上使用 HTML DOM 的屬性和方法。

JavaScript - 測試 Prototype

測試 JavaScript 框架庫 - Prototype

引用 Prototype

如需測試 JavaScript 庫，您需要在網頁中引用它，為了引用某個庫，請使用 <script> 標簽，其 src 屬性設置為庫的 URL。

Prototype 描述：

Prototype 提供的函數可使 HTML DOM 編程更容易。

與 jQuery 類似，Prototype 也有自己的 $() 函數。

$() 函數接受 HTML DOM 元素的 id 值（或 DOM 元素），并會向 DOM 對象添加新的功能。

與 jQuery 不同，Prototype 沒有用以取代 window.onload() 的 ready() 方法。相反，Prototype 會向瀏覽器及 HTML DOM 添加擴展。

在 JavaScript 中，您可以分配一個函數以處理窗口加載事件。

到此，相信大家對“javascript中的庫有哪些”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！