這里所說的“Prototype”不是JavaScript編程中的原型（“prototype”），而是由“Sam Stephenson”寫的一個JavaScript類庫。這個構(gòu)思奇妙，而且兼容標(biāo)準(zhǔn)的類庫，能幫助程序員輕松建立有高度互動的“web2.0”特性的富客戶端頁面。

•很多人初次接觸Prototype，都是從其“$”系列函數(shù)開始的，這些類似于桌面應(yīng)用程序的快捷方式，是Prototype框架中使用頻率最高的一組函數(shù)。此外，Prototype對Ajax的支持也是讓開發(fā)人員很感興趣的地方。當(dāng)然Prototype的功能并不僅限于此，其對JavaScript內(nèi)置對象進(jìn)行了大量的擴(kuò)展，同時也定義了很多新的對象。

prototype框架的簡介：

•Prototype是目前應(yīng)用最為廣泛的Ajax開發(fā)框架，其的特點是功能實用而且尺寸較小，非常適合在中小型的Web應(yīng)用中使用。開發(fā)Ajax應(yīng)用需要編寫大量的客戶端JavaScript腳本，而Prototype框架可以大大地簡化JavaScript代碼的編寫工作。更難得的是，Prototype具備兼容各個瀏覽器的優(yōu)秀特性，使用該框架可以不必考慮瀏覽器兼容性的問題。

•Prototype對JavaScript的內(nèi)置對象（如“String”對象、“Array”對象等）進(jìn)行了很多有用的擴(kuò)展，同時該框架中也新增了不少自定義的對象，包括對Ajax開發(fā)的支持等都是在自定義對象中實現(xiàn)的。Prototype可以幫助開發(fā)人員實現(xiàn)以下的目標(biāo)：

•（1）對字符串進(jìn)行各種處理
•（2）使用枚舉的方式訪問集合對象
•（3）以更簡單的方式進(jìn)行常見的DOM操作
•（4）使用CSS選擇符定位頁面元素
•（5）發(fā)起Ajax方式的HTTP請求并對響應(yīng)進(jìn)行處理
•（6）監(jiān)聽DOM事件并對事件進(jìn)行處理 

•“Prototype”框架功能詳解—使用實用函數(shù)

“Prototype”框架的實現(xiàn)僅僅包含一個JavaScript即可，1.6版本的“Prototype.js”的文件大小為127K字節(jié)，約4220行。在頁面中應(yīng)用的語法類似于：

•<script type=”text/javascript” src=”inc"js"Prototype.js” ></script>

•然后就可以在后繼的腳本中享受該框架帶來的便利了。

•該框架中有很多預(yù)定義的對象和實用函數(shù)，可以將程序員從重復(fù)的打字中解放出來。

•（1）使用“$()”函數(shù)。
•（2）使用“$F()”函數(shù)。此函數(shù)是另一個大收歡迎的“快捷鍵”，能用于返回任何表單輸入控件的值，比如多行文本框和下拉列表框等控件。此個方法也能用元素id或元素本身做為參數(shù)。
•（3）使用“$A()”函數(shù)。此函數(shù)能將其接收到的單個的參數(shù)轉(zhuǎn)換成一個Array對象。
•（4）使用“$H()”函數(shù)。此函數(shù)把一些對象轉(zhuǎn)換成一個可枚舉的和聯(lián)合數(shù)組類似的Hash對象。
•（5）使用“$R()”函數(shù)。此函數(shù)是“new ObjectRange(lowBound,upperBound,excludeBounds)”的縮寫，用于建立一個范圍對象。
•（6）使用“Try.these()”函數(shù)?！癟ry.these()”方法用于調(diào)用不同的方法直到其中的一個成功。此函數(shù)把一系列的方法作為參數(shù)，并且按順序的一個一個的執(zhí)行這些方法，直到其中的一個成功執(zhí)行。返回成功執(zhí)行的那個方法的返回值?！癟ry.these()”函數(shù)可以用于處理兼容性問題。

最新評論