Prototype - 概述
什么是 Prototype?
Prototype 是一个 JavaScript 框架，旨在简化动态 Web 应用程序的开发。 Prototype 由 Sam Stephenson 开发。
Prototype 是一个 JavaScript 库，它使您能够以非常简单、有趣且安全的方式(跨浏览器)操作 DOM。
Scriptaculous 和其他库(例如 Rico)都是在 Prototype 的基础上构建的，用于创建小部件和其他最终用户内容。
Prototype −
使用有用的方法扩展 DOM 元素和内置类型。
具有对类样式 OOP 的内置支持，包括继承。
具有对事件管理的高级支持。
具有强大的 Ajax 功能。
不是完整的应用程序开发框架。
没有提供小部件或全套标准算法或 I/O 系统。
如何安装 Prototype?
Prototype 作为一个名为prototype.js 的文件分发。按照下面提到的步骤设置Prototype库 −
转到下载页面(http://prototypejs.org/download/)以方便的软件包获取最新版本。
现在，将prototype.js 文件放在您网站的目录中，例如/javascript。
现在，您已准备好在网页中使用强大的 Prototype 框架。
如何使用 Prototype 库?
现在，您可以按如下方式包含 Prototype 脚本。 −
<html>
<head>
<title>Prototype examples</title>
<script type = "text/javascript" src = "/javascript/prototype.js"></script>
</head>
<body>
........
</body>
</html>
示例
这是一个简单示例，展示了如何使用 Prototype 的 $() 函数在 JavaScript 中获取 DOM 元素 −
<html>
<head>
<title>Prototype examples</title>
<script type = "text/javascript" src = "/javascript/prototype.js"></script>
<script>
function test() {
node = $("firstDiv");
alert(node.innerHTML);
}
</script>
</head>
<body>
<div id = "firstDiv">
<p>This is first paragraph</p>
</div>
<div id = "secondDiv">
<p>This is another paragraph</p>
</div>
<input type = "button" value = "Test $()" onclick = "test();"/>
</body>
</html>
输出
为什么要使用本教程?
在 prototypejs.org 上可以找到关于 Prototype Framework 的非常好的文档，那么为什么要参考本教程呢!
答案是，我们已将所有最常用的功能整合到本教程中。其次，我们解释了所有有用的方法以及合适的示例，而这些方法在官方网站上是找不到的。
如果您是 Prototype Framework 的高级用户，那么您可以直接跳转到官方网站，否则本教程对您来说可能是一个很好的开始，您可以将其用作参考手册。
