prototype

Prototype框架

prototype是目前應用最為廣泛的Ajax開發框架,其的特點是功能實用而且尺寸較小,非常適合在中小型的Web應用中使用。

目錄

正文


開發Ajax應用需要編寫大量的客戶端JavaScript腳本,而Prototype框架可以大大地簡化JavaScript代碼的編寫工作。更難得的是,Prototype具備兼容各個瀏覽器的優秀特性,使用該框架可以不必考慮瀏覽器兼容性的問題。
Prototype對JavaScript的內置對象(如“String”對象、“Array”對象等)進行了很多有用的擴展,同時該框架中也新增了不少自定義的對象,包括對Ajax開發的支持等都是在自定義對象中實現的。Prototype可以幫助開發人員實現以下的目標:
(1)對字元串進行各種處理
(2)使用枚舉的方式訪問集合對象
(3)以更簡單的方式進行常見的DOM操作
(4)使用CSS選擇符定位頁面元素
(5)發起Ajax方式的HTTP請求並對響應進行處理
(6)監聽DOM事件並對事件進行處理
“Prototype”框架功能詳解—使用實用函數,“Prototype”框架的實現僅僅包含一個JavaScript即可,1.6版本的“Prototype.js”的文件大小為127K位元組,約4220行。在頁面中應用的語法類似於:
然後就可以在後繼的腳本中享受該框架帶來的便利了。
該框架中有很多預定義的對象和實用函數,可以將程序員從重複的打字中解放出來。
(1)使用“$()”函數。
(2)使用“$F()”函數。此函數是另一個大受歡迎的“快捷鍵”,能用於返回任何錶單輸入控制項的值,比如多行文本框和下拉列表框等控制項。此個方法也能用元素id或元素本身做為參數。
(3)使用“$A()”函數。此函數能將其接收到的單個的參數轉換成一個Array對象。
(4)使用“$H()”函數。此函數把一些對象轉換成一個可枚舉的和聯合數組類似的Hash對象。
(5)使用“$R()”函數。此函數是“new ObjectRange(lowBound,upperBound,excludeBounds)”的縮寫,用於建立一個範圍對象。
(6)使用“Try.these()”函數。“Try.these()”方法用於調用不同的方法直到其中的一個成功。此函數把一系列的方法作為參數,並且按順序的一個一個的執行這些方法,直到其中的一個成功執行。返回成功執行的那個方法的返回值。“Try.these()”函數可以用於處理兼容性問題。