什么是原型？
Prototype 是一个 JavaScript 框架，旨在简化动态 Web 应用程序的开发。原型由 Sam Stephenson 开发。
Prototype 是一个 JavaScript 库，它使您能够以一种非常简单有趣的方式操作 DOM，同时也是安全的（跨浏览器）。
Scriptaculous和其他库（例如Rico）建立在 Prototype 的基础之上，以创建小部件和其他最终用户的东西。
原型：
- 使用有用的方法扩展 DOM 元素和内置类型。
- 内置了对类样式 OOP 的支持，包括继承。
- 具有对事件管理的高级支持。
- 具有强大的 Ajax 功能。
- 不是一个完整的应用程序开发框架。
- 不提供小部件或全套标准算法或 I/O 系统。
如何安装原型？
Prototype 作为一个名为 prototype.js 的文件分发。按照下面提到的步骤设置原型库 –
- 转到下载页面(http://prototypejs.org/download/)以方便的包获取最新版本。
- 现在，将 prototype.js 文件放在您网站的目录中，例如 /javascript。
您现在可以在网页中使用功能强大的原型框架了。
如何使用原型库？
现在，您可以按如下方式包含原型脚本：
<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 = "https://cdn.bootcdn.net/ajax/libs/prototype/1.7.3/prototype.min.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 的高级用户，那么您可以直接跳转到官方网站，否则本教程对您来说可能是一个好的开始，您可以像参考手册一样使用它。
作者：terry，如若转载，请注明出处：https://www.web176.com/prototype/8273.html
支付宝 
微信 