Prototype Javascript开发框架

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()”函数可以用于处理兼容性问题。

398阅读 | 0评论
你的回应
联系我们