欲穷千里目更上一层楼海内存知己天涯若比邻

Prototype 学习（概念篇）

上一篇 / 下一篇 2008-10-06 15:19:04 / 个人分类：Prototype

简介（概念篇）

说明

Prototype是一个起步较早，但至今非常流行的基础JAVASCRIPT扩展框架，许多更高级的JAVASCRIPT扩展框架都是基于其上，例如script.aculo.us，

Rhino Mock ,Dojo等。我想通过这个小系列以自学（逐步积累）方式把这个框架掌握起来。这将为我们以后的浏览器端利用其他客户端JAVASCRIPT框架进行开发打下一个坚实的基础。

Prototype的正式支持地址为http://www.prototypejs.org，这个大家可能比较熟悉，或者至少一搜即得。因此，有关这个框架的安装在此也不赘述了。这个框架当前最新版本为1.6，更新时间为Jan. 28，2008。

值得一提的是，这个框架的各种支持资料相当丰富，其中一个参考网站是http://www.prototypejs.org/api。

框架特性

归纳起来， Prototype框架大致提供了如下几个方面的特性：

类管理：Prototype 支持更轻松地创建和扩展类和对象。
DOM 管理：Prototype 支持更轻松地连接页面元素，尤其对于表单，并提供了执行显示或隐藏元素等任务的简便方法。
JSON：Prototype 可以快速可靠地转换 JavaScript. Object Notation，包括从字符串直接生成对象。
Ajax：Prototype 的 Ajax 功能简化了从外部 URL 请求数据并在页面上显示信息的过程。Prototype 还包含一个定期更新器，但是本文并不使用它。
尚不是一个完整的应用程序开发框架
并没有提供widgets支持和一组完整的算法以及I/O支持系统

入门篇

为了使用 Prototype 类和方法，从 Prototypejs.org Web 站点下载最新的文件并把它添加到 HTML 页面中，见清单1。

清单1--在 HTML 页面中添加 Prototype

<html>
<head>
<title>E4X mindreader</title>
<script. type="text/javascript" src="prototype.js"></script>
<script. type="text/javascript; e4x=1" src="e4x.js"></script>
...