DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Prototype框架詳解
Prototype框架詳解
編輯:關於JavaScript     

這裡所說的“Prototype”不是JavaScript編程中的原型(“prototype”),而是由“Sam Stephenson”寫的一個JavaScript類庫。這個構思奇妙,而且兼容標准的類庫,能幫助程序員輕松建立有高度互動的“web2.0”特性的富客戶端頁面。

•很多人初次接觸Prototype,都是從其“$”系列函數開始的,這些類似於桌面應用程序的快捷方式,是Prototype框架中使用頻率最高的一組函數。此外,Prototype對Ajax的支持也是讓開發人員很感興趣的地方。當然Prototype的功能並不僅限於此,其對JavaScript內置對象進行了大量的擴展,同時也定義了很多新的對象。

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行。在頁面中應用的語法類似於:

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

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

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

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved