`
zhanying
  • 浏览: 8788 次
社区版块
存档分类
最新评论

JavaScript强化教程——Prototype

阅读更多
本文为 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>
分享到:
评论

相关推荐

    网页模板——Prototype 开发者手册 PDF版.zip

    综上所述,"网页模板——Prototype 开发者手册 PDF版"是一个对前端开发者极其宝贵的资源,它不仅涵盖了Prototype的各个方面,还可能包含实践案例和调试技巧,对于提升开发者在JavaScript和前端开发领域的技能...

    JavaScript网页开发——体验式学习教程.pdf

    这份"JavaScript网页开发——体验式学习教程.pdf"提供了一个深入理解JavaScript语法和实践的平台,帮助初学者和有一定基础的开发者提升技能。 教程首先会介绍JavaScript的基础知识,包括变量、数据类型(如字符串、...

    JavaScript凌厉开发——Ext详解与实践_源码清单

    JavaScript凌厉开发——Ext详解与实践_源码清单JavaScript凌厉开发——Ext详解与实践_源码清单JavaScript凌厉开发——Ext详解与实践_源码清单

    javaScript全面分析——中文版

    JavaScript全面分析——中文版是为想要快速理解和掌握JavaScript编程语言的学者精心编写的教程。JavaScript是一种广泛应用于Web开发的脚本语言,它在浏览器端运行,为网页添加交互性,使得用户界面更加生动活泼。本...

    JavaScript实战手册——第七版代码

    《JavaScript实战手册——第七版代码》是一本专为JavaScript开发者准备的实践指南,它涵盖了从基础到高级的各种JavaScript编程技术。这本书的代码示例旨在帮助读者深入理解语言机制,并提升在实际项目中的应用能力。...

    JavaScript程序设计——DOM访问实验报告.docx

    实验报告的主题是“JavaScript程序设计——DOM访问”,其目的是深入理解和掌握DOM(Document Object Model)在JavaScript中的应用,包括文档对象的属性、方法以及使用方式。DOM是HTML和XML文档的标准化表示,允许...

    JavaScript程序设计——页面设置与表单验证实验报告.docx

    实验报告的标题“JavaScript程序设计——页面设置与表单验证实验报告.docx”涉及的核心是JavaScript编程中的两个关键领域:页面设置和表单验证。在Web开发中,JavaScript是一种常用的客户端脚本语言,用于增强用户的...

    javascript初学教程 多本 pdf

    本教程集合了多本PDF书籍,旨在帮助初学者全面理解并掌握JavaScript的基础知识和核心概念。 首先,从标题和描述我们可以推测,这是一份针对JavaScript初学者的教程资料集,包含多个章节,覆盖了从语言概述到深入...

    JavaScript小案例——自动生成

    JavaScript不可抵挡的诱惑哦!JavaScript不可抵挡的诱惑哦!JavaScript不可抵挡的诱惑哦!

    JavaScript程序调试——不调之调

    小K.二十几岁,刚刚转到一家软件咨询公司上班。刚刚进来也没有被安排什么事情做,...”噢.JavaScript。我在前一个公司都写了两年了.去给他们露两手吧。”小K面露微笑。和团队的老大Mike说了一下.小K就算正式入伙了

    Div+css布局教程,Prototype教程,js教程

    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_oop_javascript_ruby_prototype_" 暗示了我们将探讨的是关于原型(Prototype)面向对象编程(Object-Oriented Programming, OOP)的概念,主要关注JavaScript和Ruby这两种语言之间的相似性和差异性...

    利用JavaScript实现图片标注——SearchMapIdentityTask

    在JavaScript的世界里,图片标注是一项常见的任务,尤其在地理信息系统(GIS)、图像处理或机器学习等领域。`SearchMapIdentityTask`可能是一个自定义的JavaScript类,用于实现对地图上特定区域进行标注的功能。这个...

    JavaScript的prototype

    但是,构造函数的`prototype`还有一个特殊之处——`constructor`属性,它指向构造函数自身。这有助于追踪对象是从哪个构造函数创建的。 ```javascript console.log(Dog.prototype.constructor === Dog); // true ``...

    深入学习JavaScript中的原型prototype

    javascript 是一种 prototype based programming 的语言, 而与我们通常的 class based programming 有很大 的区别,我列举重要的几点如下: 1.函数是first class object, 也就是说函数与对象具有相同的语言地位 2.没有...

    JSP开发技术原理与实践教程——代码.rar

    在本"JSP开发技术原理与实践教程——代码.rar"压缩包中,包含的可能是用于教学或实践的JSP代码示例,帮助学习者深入理解JSP的工作机制和实际应用。 1. **JSP基本概念**:JSP是Java EE的一部分,它的核心思想是分离...

    JavaScript例子——计算

    在这个"JavaScript例子——计算"中,我们可能会看到如何利用JavaScript进行各种计算操作。博客链接指向了作者fuhao9611在iteye上的一个博客条目,尽管具体内容无法直接复制到这里,但我们可以基于常见的JavaScript...

    网页设计与开发——HTML、CSS、JavaScript实例教程

    本实例教程旨在帮助初学者理解并掌握这些核心技术,通过实践来提升技能。 HTML(HyperText Markup Language)是网页内容的结构语言,用于定义网页的基本元素。例如,`&lt;head&gt;`部分包含元信息,`&lt;body&gt;`部分包含用户...

    Google-JavaScript-test——Google-js速度测试源码

    Google JavaScript test 速度测试 C++ 源码 Google刚刚公开的C++源码

    ASP_NET 基础教程——C#案例版

    本教程——“ASP_NET 基础教程——C#案例版”专注于通过C#语言讲解ASP.NET的基础知识和实践应用。 在学习ASP.NET之前,了解C#编程语言是必要的。C#是一种面向对象的编程语言,被广泛应用于Windows平台和Web开发,...

Global site tag (gtag.js) - Google Analytics