prototype.js常用函数:
函数名 |
解释 |
举例 |
Element.toggle |
交替隐藏或显示 |
Element.toggle(''div1'',''div2'') |
Element.hide |
隐藏 |
Element.hide(''div1'',''div2'') |
Element.show |
显示 |
Element.show(''div1'',''div2'') |
Element.remove |
删除 |
Element.remove(''div1'',''div2'') |
Element.getHeight |
取得高度 |
Element.getHeight(''div1'') |
Toggle.display |
和Element.toggle相同 |
Toggle.display(''div1'',''div2'') |
Insertion.Before |
在DIV前插入文字 |
Insertion.Before(''div1'',''my content'') |
Insertion.After |
在DIV后插入文字 |
Insertion.After(''div1'',''my content'') |
Insertion.Top |
在DIV里最前插入文字 |
Insertion.Top(''div1'',''this is a text'') |
Insertion.Bottom |
在DIV里最后插入文字 |
Insertion.Bottom(''div1'',''this is a text'') |
PeriodicalExecuter |
以给定频率调用一段JavaScript |
PeridicalExecutor(test, 1)"这里test是Javascript的函数,1是频率(1秒). |
$ |
取得一个DIV, 相当于getElementById() |
$(''div1'') |
Field.clear |
清空一个输入框 |
Field.clear(''textfield1'') |
Field.focus |
把 焦点集中在输入框上 |
Field.focus(''select1'') |
Field.present |
判断内容是否为空 |
alert(Field.present(''textfield1''))" |
Field.select |
选择输入框的内容 |
Field.select(''textfield1'')" |
Field.activate |
把 焦点集中在输入框上并选择输入框的内容 |
Field.activate(''textfield1'')" |
Form.serialize |
把表格内容转化成string |
|
Form.getElements |
取得表格内容为数组形式 |
|
Form.disable |
disable表格所有内容 |
Form.disable(''form1'') (这个好象不work) |
Form.focusFirstElement |
把焦点集中在表格第一个元素上 |
Form.focusFirstElement(''form1'') |
Form.reset |
Reset表格 |
Form.reset(''form1'') |
Form.Element.getValue |
取得表格输入框的值 |
Form.Element.getValue(''text1'') |
Form.Element.serialize |
把表格中输入框内容转化成string |
Form.Element.serialize(''text1'') |
$F |
等同于Form.Element.getValue() |
$F(''text1'') |
Effect.Highlight |
高亮特效. |
Effect.Highlight(''text1'') |
Effect.Fade |
褪色特效 |
|
Effect.Scale |
放大缩小(百分比) |
Effect.Scale(''text1'', 200)
这里200 = 200%, 即两倍
|
Effect.Squish |
消失特效.文字缩小后消失 |
Effect.Squish(''text1'') |
Effect.Puff |
消失特效.文字放大后消失 |
Effect.Puff(''text1'') |
Effect.Appear |
出现特效 |
|
Effect.ContentZoom |
ZOOM特效. |
|
Ajax.Request |
传送Ajax请求给服务器 |
Ajax.Request(''http://server/s.php'') |
Ajax.Updater |
传送Ajax请求给服务器并用答复的结果更新指定的Container |
Ajax.Updater(''text1'',''http://server/s.php'') |
基本用法:prototype.js给每个主要的类都分了一个Class,使用起来很方便.要产生特定的效果,只要用new Class.function(<argument>)就可以了.例如:
<DIV id="div1"><a href="#" onclick="new Element.toggle('div2')">Click Me</a></DIV>
<DIV id="div2">Hello!</DIV>
当点击Click Me的时候,div2就会交替隐藏或显示.注意,你可以给toggle加上无限个parameter,比如Element.toggle(''div2'',''div3'',''div4'',...)
分享到:
相关推荐
以下是对标题、描述和部分内容中提到的`Prototype.js`常用函数的详细解释: 1. **Element.toggle**:这个函数用于交替隐藏或显示指定的元素。例如,`Element.toggle('div1', 'div2')`会切换`div1`和`div2`的可见性...
4. **函数扩展**:Prototype.js为JavaScript的函数增加了许多实用的功能,如currying(柯里化)、partial application(部分应用)和throttling(节流)等,提高了代码的可读性和可维护性。 5. **数组和对象操作**...
2. **空间定位的常用函数**:Prototype.js提供了一系列方法,如`Element.extend`、`$(selector)`等,用于查找和操作DOM元素。这些函数极大地简化了页面元素的选择和操作,例如根据ID、类名或CSS选择器查找元素。 3....
prototype.js的系列文章——$H()函数 百度的Ajax.js文件 常用JS prototype.js的系列文章——$R()函数 prototype.js的系列文章——Ajax.Request类 prototype.js的系列文章——Ajax.Updater类 prototype.js的系列文章...
这些是`Prototype.js`中一些基础且常用的函数,它们极大地提高了开发效率,使得JavaScript开发者能够更轻松地处理DOM操作和动画效果。在实际开发中,根据需求可以灵活组合这些函数来实现复杂的交互功能。
本文主要介绍prototype.js中各个函数的用法,希望能帮到大家,有需要的朋友可以参考一下。
Prototype.js 是一个JavaScript库,由Sam Stephenson编写,主要目标是简化JavaScript开发,尤其是创建具有Web 2.0特性的富客户端应用。这个库引入了面向对象的概念,提供了许多实用的对象、类、函数和扩展,使得...
<script src="prototype.js"> ``` 一旦Prototype库被加载,我们就可以利用其强大的Ajax类来创建异步请求。在Prototype中,`Ajax`对象提供了多种方法,如`Request`、`Observer`、`Updater`等,它们使得发送Ajax请求...
JavaScript 和 Ruby 都是编程语言,虽然它们各自有着独特的语法和设计哲学,但在这个话题中,我们将重点关注JavaScript,特别是它的一些好用且常用的函数。在实际的Web开发中,JavaScript 是不可或缺的一部分,它...
在JavaScript开发中,掌握一些常用的工具函数可以极大地提高编程效率和代码质量。以下是一些常见的JS工具函数的总结,它们涵盖了数据类型的检测、对象类型的判断以及功能性的辅助检测。 1. `isStatic` 函数用于检测...
Object.prototype.toString 方法是 JavaScript 中几乎每个对象都有的一个方法,用于输出当前变量的信息。然而,对于我们最常用的 Object 对象,每次使用 toString 方法都会打印出 “[object Object]” 的结果,让人...
本文将深入探讨JavaScript中的常用函数以及客户端验证技术。 首先,我们来看看JavaScript中的一些核心函数: 1. `console.log()`: 这是开发者常用的调试工具,用于在控制台输出信息,帮助检查代码运行状态。 2. `...
这份"JavaScript常用函数与代码大全"包含了丰富的资源,旨在帮助开发者更好地理解和使用JavaScript中的关键函数,提升开发效率。 首先,JavaScript的核心在于其内置函数,如`typeof`用于检测变量类型,`console.log...
在JavaScript编程中,自定义函数是开发者们常用的一种工具,它们可以帮助我们封装代码,提高代码的可重用性和可维护性。这篇博客“10个常用自定义JavaScript函数”提供了十个非常实用的函数示例,旨在提升开发效率。...
本篇文章将深入探讨几个常用的JavaScript函数,这些函数在实际开发中非常常见且实用。 1. `console.log()` 这是开发者调试代码时最常用的函数之一。它用于在浏览器的控制台输出信息,帮助开发者查看程序执行过程中...
Underscore 是一个JavaScript实用库,提供了类似Prototype.js的一些功能,但是没有继承任何JavaScript内置对象。它弥补了部分jQuery没有实现的功能,同时又是Backbone.js必不可少的部分。 Underscore提供了80多个函数,...
Prototype是JavaScript库的一个早期版本,它为JavaScript编程提供了一系列实用的功能和工具,使得开发者能够更加高效地处理DOM操作、对象扩展、函数增强等任务。在 Prototype 1.4.0 版本中,包含了对JavaScript语言...
`lao-utils` 是一个JavaScript函数工具库,它提供了一系列常用的方法,用于简化常见的编程任务。这个库旨在作为其他大型库如jQuery、YUI等的补充,提供了许多实用的工具函数,适用于Node.js环境和浏览器环境。以下是...