本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：JavaScript强化教程 —— Prototype
引用 Prototype
如需测试 JavaScript 库，您需要在网页中引用它。
为了引用某个库，请使用 <script> 标签，其 src 属性设置为库的 URL：
引用 Prototype
<!DOCTYPE html>
<html>
<head>
<script
src="http://apps.bdimg.com/libs/pro ... gt%3B
</script>
</head>
<body>
</body>
</html>
Prototype 描述
Prototype 提供的函数可使 HTML DOM 编程更容易。
与 jQuery 类似，Prototype 也有自己的 $() 函数。
$() 函数接受 HTML DOM 元素的 id 值（或 DOM 元素），并会向 DOM 对象添加新的功能。
与 jQuery 不同，Prototype 没有用以取代 window.onload() 的 ready() 方法。相反，Prototype 会向浏览器及 HTML DOM 添加扩展。
在 JavaScript 中，您可以分配一个函数以处理窗口加载事件：
JavaScript 方式：
function myFunction()
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello Prototype";
}
onload=myFunction;
等价的 Prototype 是不同的：
Prototype 方式：
function myFunction()
{
$("h01").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
Event.observe() 接受三个参数：
您希望处理的 HTML DOM 或 BOM（浏览器对象模型）对象
您希望处理的事件
您希望调用的函数
测试 Prototype
请试一下下面这个例子：
Example
<!DOCTYPE html>
<html>
<script
src="http://apps.bdimg.com/libs/pro ... gt%3B
</script>
<script>
function myFunction()
{
$("h01").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
</script>
</head>
<body></body>
</html>
分享到：
相关推荐
JavaScript凌厉开发——Ext详解与实践 源码 源代码 part3 因为源代码比较大，压缩后76M左右 所以分为四个包上传
这份"JavaScript网页开发——体验式学习教程.pdf"提供了一个深入理解JavaScript语法和实践的平台，帮助初学者和有一定基础的开发者提升技能。 教程首先会介绍JavaScript的基础知识，包括变量、数据类型（如字符串、...
JavaScript毕业设计——篮球赛事助手源码。已获高分通过项目。 在功能上实现创建比赛，统计参赛人员，统计比赛得分与犯规次数。 安装教程 启动服务器操作 （1） 找到服务器 woao_server 所在文件，点击进去文件 （2...
实验报告的主题是“JavaScript程序设计——DOM访问”，其目的是深入理解和掌握DOM（Document Object Model）在JavaScript中的应用，包括文档对象的属性、方法以及使用方式。DOM是HTML和XML文档的标准化表示，允许...
标题中的“Applet与Javascript的对话——让你的Javascript代码和Java Applet融洽地合作”指的是一种技术实现，即如何让JavaScript与Java Applet在Web应用中进行交互。这两种技术在早期Web开发中常常结合使用，以利用...
JavaScript 库比较 —— Dojo、jQuery 和 PrototypeJS 在当今的 Web 开发中，JavaScript 库扮演着越来越重要的角色。这些库提供了许多有用的功能，可以帮助开发者快速构建 Web 应用程序。本文将对 Dojo、jQuery 和 ...
实验报告的标题“JavaScript程序设计——页面设置与表单验证实验报告.docx”涉及的核心是JavaScript编程中的两个关键领域：页面设置和表单验证。在Web开发中，JavaScript是一种常用的客户端脚本语言，用于增强用户的...
网页设计与开发——HTML、CSS、JavaScript实例教程网页设计与开发——HTML、CSS、JavaScript实例教程网页设计与开发——HTML、CSS、JavaScript实例教程网页设计与开发——HTML、CSS、JavaScript实例教程网页设计与...
JavaScript不可抵挡的诱惑哦！JavaScript不可抵挡的诱惑哦！JavaScript不可抵挡的诱惑哦！
小K．二十几岁，刚刚转到一家软件咨询公司上班。刚刚进来也没有被安排什么事情做，...”噢．JavaScript。我在前一个公司都写了两年了．去给他们露两手吧。”小K面露微笑。和团队的老大Mike说了一下．小K就算正式入伙了
Prototype Codes TextBook.rar:Prototype实战教程(爆爽,推荐); 2.Prototype API: Prototype1.5.1_API_CN_A.CHM:Prototype1.5.1中文API,版本一(推荐); prototype1.5.1_API_CN_B.CHM:Prototype1.5.1中文API,版本二...
标题 "prototype_oop_javascript_ruby_prototype_" 暗示了我们将探讨的是关于原型（Prototype）面向对象编程（Object-Oriented Programming, OOP）的概念，主要关注JavaScript和Ruby这两种语言之间的相似性和差异性...
本教程旨在为初学者提供一个全面的JavaScript基础知识学习平台，帮助理解并掌握这种强大的脚本语言。 《JavaScript基础教程》首先会介绍JavaScript的历史背景和基本语法，包括变量、数据类型、操作符、流程控制...
在这个"JavaScript例子——计算"中，我们可以推测这是一篇关于使用JavaScript进行数学计算的教程或者示例代码。博主"Fuhao9611"在iteye博客上分享了这个主题，可能包含了基础的算术运算、自定义函数、循环结构或者...
通过"7-妙味课堂原创JavaScript视频教程——面向对象(5课)课程资料"，学习者将有机会深入了解和实践JavaScript的面向对象编程技巧，提升编程能力和解决问题的能力，为构建复杂和功能丰富的Web应用打下坚实基础。
在"Java Script 经典教程（九）——JavaScript完全网页教程"中，我们将会深入探讨JavaScript的核心概念和实际应用，帮助你全面掌握这个强大的语言。 首先，JavaScript的基础知识包括变量、数据类型和操作符。变量是...
在本"JSP开发技术原理与实践教程——代码.rar"压缩包中，包含的可能是用于教学或实践的JSP代码示例，帮助学习者深入理解JSP的工作机制和实际应用。 1. **JSP基本概念**：JSP是Java EE的一部分，它的核心思想是分离...
Google JavaScript test 速度测试 C++ 源码 Google刚刚公开的C++源码
### 经典SVG教程——如何在网页中控制SVG图片 #### SVG：强大的可视化工具 SVG，全称为可伸缩向量图形（Scalable Vector Graphics），是一种基于XML的矢量图像格式，它允许开发者创建高度可缩放且不失真的图形。...
- JavaScript是一种脚本语言，用于为网页添加交互功能。 2. Web技术基础 - IP地址是网络中设备的位置标识，URL是网络资源的定位符，域名则是更容易记忆的网络主机名称。 - Web工作原理基于客户端-服务器模型，...