Prototype 框架简介

本章将对Prototype框架进行详细的解析。很多人初次接触Prototype，都是从它的$系列函数开始的，它们类似于桌面应用程序的快捷方式，是Prototype框架中使用频率最高的一组函数。此外，Prototype对Ajax的支持也是让开发人员很感兴趣的地方。当然Prototype的功能并不仅限于此，它对JavaScript内置对象进行了大量的扩展，同时也定义了很多新的对象。本章会首先从Prototype最常用的函数讲起，2.3节将对Ajax相关的类和对象进行专门介绍，2.4节则是对Prototype框架进行最为全面的介绍和示范。

2.1  Prototype框架简介

2.1.1  什么是Prototype

Prototype是目前应用最为广泛的Ajax开发框架，它的特点是功能实用而且尺寸较小，非常适合在中小型的Web应用中使用。开发Ajax应用需要编写大量的客户端JavaScript脚本，而Prototype框架可以大大地简化JavaScript代码的编写工作。更难得的是，Prototype具备兼容各个浏览器的优秀特性，使用它可以不必考虑浏览器兼容性的问题。

Prototype对JavaScript的内置对象（如String对象、Array对象等）进行了很多有用的扩展，同时它也新增了不少自定义的对象，包括对Ajax开发的支持等都是在自定义对象中实现的。Prototype可以帮助开发人员实现以下的目标：

l  对字符串进行各种处理；

l  使用枚举的方式访问集合对象；

l  以更简单的方式进行常见的DOM操作；

l  使用CSS选择符定位页面元素

l  发起Ajax方式的HTTP请求并对响应进行处理；

l  监听DOM事件并对事件进行处理；

2.1.2  Prototype的获取和使用

Prototype代码的获取可以通过以下两种途径。

l  Prototype的官方网站：http://prototype.conio.net
目前该网站提供了Prototype 1.4.0版本的源代码，下载地址是
http://prototype.conio.net/dist/prototype-1.4.0.js。

l  下载script.aculo.us框架代码：
script.aculo.us是一个基于Prototype的Ajax开发框架，它使用的Prototype版本是1.5.0_rc1（Prototype 1.5.0发布候选版本），读者可以访问script.aculo.us框架的官方网站下载该框架的源代码。具体的下载地址是
http://script.aculo.us/dist/scriptaculous-js-1.6.4.zip。将下载的压缩包解压缩，lib目录下的prototype.js文件即为Prototype 1.5.0_rc1的源代码。

本章将会对Prototype框架的实现原理进行详细分析，并且通过大量示例帮助读者在Ajax开发过程中使用Prototype框架，所有的讲解内容均基于Prototype 1.5.0_rc1。除了少数Prototype 1.5.0_rc1新增的功能之外，本章的其他内容对于Prototype 1.4.0也同样适用。

Prototype框架只有一个源代码文件prototype.js，使用它十分简单，只需要将prototype.js文件引入即可。引入prototype.js文件的示例语句如下所示：

<script type="text/javascript" src="../javascript/prototype.js"></script>