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行。在页面中应用的语法类似于：

•

•然后就可以在后继的脚本中享受该框架带来的便利了。

•该框架中有很多预定义的对象和实用函数，可以将程序员从重复的打字中解放出来。

•（1）使用“$()”函数。
•（2）使用“$F()”函数。此函数是另一个大收欢迎的“快捷键”，能用于返回任何表单输入控件的值，比如多行文本框和下拉列表框等控件。此个方法也能用元素id或元素本身做为参数。
•（3）使用“$A()”函数。此函数能将其接收到的单个的参数转换成一个Array对象。
•（4）使用“$H()”函数。此函数把一些对象转换成一个可枚举的和联合数组类似的Hash对象。
•（5）使用“$R()”函数。此函数是“new ObjectRange(lowBound,upperBound,excludeBounds)”的缩写，用于建立一个范围对象。
•（6）使用“Try.these()”函数。“Try.these()”方法用于调用不同的方法直到其中的一个成功。此函数把一系列的方法作为参数，并且按顺序的一个一个的执行这些方法，直到其中的一个成功执行。返回成功执行的那个方法的返回值。“Try.these()”函数可以用于处理兼容性问题。