0.我們將了解到一些廣受歡迎的 JavaScript 框架:
jQuery
Prototype
MooTools
所有這些框架都提供針對常見 JavaScript 任務(wù)的函數(shù)割捅,包括動畫墨微、DOM 操作以及 Ajax 處理。
在本教程中稀并,您將學(xué)習(xí)到如何開始使用它們洒忧,來使得 JavaScript 編程更容易胁塞、更安全且更有樂趣荧关。
1.jQuery 是目前最受歡迎的 JavaScript 框架溉奕。
它使用 CSS 選擇器來訪問和操作網(wǎng)頁上的 HTML 元素(DOM 對象)。
jQuery 同時(shí)提供 companion UI(用戶界面)和插件忍啤。
許多大公司在網(wǎng)站上使用 jQuery:
Google
Microsoft
IBM
Netflix
2.Prototype
Prototype 是一種庫加勤,提供用于執(zhí)行常見 web 任務(wù)的簡單 API。
API 是應(yīng)用程序編程接口(Application Programming Interface)的縮寫同波。它是包含屬性和方法的庫鳄梅,用于操作 HTML DOM。
Prototype 通過提供類和繼承未檩,實(shí)現(xiàn)了對 JavaScript 的增強(qiáng)戴尸。
3.MooTools
MooTools 也是一個(gè)框架,提供了可使常見的 JavaScript 編程更為簡單的 API讹挎。
MooTools 也含有一些輕量級的效果和動畫函數(shù)校赤。
4.如需在您的網(wǎng)頁中使用 JavaScript 框架庫,只需在 <script> 標(biāo)簽中引用該庫即可:
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
5.使用框架
在您決定為網(wǎng)頁使用 JavaScript 框架之前筒溃,首先對框架進(jìn)行測試是明智的马篮。
JavaScript 框架很容易進(jìn)行測試。您無需在計(jì)算機(jī)上安裝它們怜奖,同時(shí)也沒有安裝程序浑测。
通常您只需從網(wǎng)頁中引用一個(gè)庫文件。
6.jQuery 描述
主要的 jQuery 函數(shù)是 $() 函數(shù)(jQuery 函數(shù))歪玲。如果您向該函數(shù)傳遞 DOM 對象迁央,它會返回 jQuery 對象,帶有向其添加的 jQuery 功能滥崩。
jQuery 允許您通過 CSS 選擇器來選取元素岖圈。
在 JavaScript 中,您可以分配一個(gè)函數(shù)以處理窗口加載事件:
7.<script>onload = function();</script> 里面钙皮, onload是窗口加載時(shí)候蜂科,調(diào)用function() 的意思。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>
<h1 id="h01">sss</h1>
<a id="demo"></a>
<script>
function myFunction()
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello jQuery";
}
onload=myFunction;
</script>
</body>
</html>
8.由于在 JavaScript 中函數(shù)就是變量短条,因此可以把 myFunction 作為變量傳遞給 jQuery 的 ready 方法导匣。
jQuery 返回 jQuery 對象,與已傳遞的 DOM 對象不同茸时。jQuery 對象擁有的屬性和方法贡定,與 DOM 對象的不同。您不能在 jQuery 對象上使用 HTML DOM 的屬性和方法可都。
9.js代碼可以寫在<body></body>之內(nèi)缓待,也可以寫在body之外蚓耽。
在<head>之上都可以。
10.JavaScript 用法
HTML 中的腳本必須位于 <script> 與 </script> 標(biāo)簽之間命斧。
腳本可被放置在 HTML 頁面的 <body> 和 <head> 部分中田晚。
11.JavaScript Browser 對象 實(shí)例 (js的瀏覽器對象實(shí)例)
使用JavaScript來訪問和控制瀏覽器對象實(shí)例嘱兼。
Window對象
Navigator對象
Screen對象
Hostory對象
Location對象
JavaScript的 ( HTML DOM實(shí)例對象 )
Document對象
Anchor對象
Area對象
Base對象
Button對象
Form對象
Frame/IFrame對象
Image對象
Event對象
Option and Select對象
Table, TableHeader, TableRow, TableData 對象
12.AJAX
AJAX = 異步 JavaScript 和 XML国葬。
HTML DOM
HTML DOM 定義了訪問和操作 HTML 文檔的標(biāo)準(zhǔn)方法。 HTML DOM 獨(dú)立于平臺和語言芹壕,可被任何編程語言使用汇四,比如 Java、JavaScript 和 VBscript踢涌。
jQuery
jQuery 是一個(gè) JavaScript 庫通孽。
jQuery 極大地簡化了 JavaScript 編程。
jQuery 很容易學(xué)習(xí)睁壁。
ASP / PHP / .NET
和 HTML 文檔中的腳本運(yùn)行于客戶端(瀏覽器)不同背苦,ASP/PHP 文件中的腳本在服務(wù)器上運(yùn)行。
使用 ASP潘明,你可以動態(tài)地編輯行剂、改變或者添加網(wǎng)站內(nèi)容,對由 HTML 表單提交而來的數(shù)據(jù)進(jìn)行響應(yīng)钳降,訪問數(shù)據(jù)或者數(shù)據(jù)庫并向?yàn)g覽器返回結(jié)果厚宰,或者定制對不同的用戶來說更有幫助的網(wǎng)頁。
由于 ASP/PHP 文件返回的是純粹的 HTML遂填,因此可顯示在任何瀏覽器中铲觉。