函数名 |
解释 |
举例 |
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>)就可以了.例如:
当点击Click Me的时候,div2就会交替隐藏或显示.注意,你可以给toggle加上无限个parameter,比如Element.toggle(''div2'',''div3'',''div4'',...)
相关推荐
基础的prototype.js常用函数及其用法
里面有js一般常用的函数以及使用方法说明
本文主要介绍prototype.js中各个函数的用法,希望能帮到大家,有需要的朋友可以参考一下。
} arguments在JavaScript语法中是函数特有的一个对象属性(Arguments对象),用来引用调用该函数时传递的实际参数。这个对象很象数组,拥有length属性且使用下标的形式来获取其元素,但它又并非真正的Array对象。更...
对于函数绑定(Function binding)很有可能是大家在使用JavaScript时最少关注的一点,但是当你意识到你需要一个解决方案来解决如何在另一个函数中保持this上下文的时候,你真正需要的其实就是 Function.prototype.bind...
分析步骤如下: 1、将Function.prototype.call当成整体,call方法是由浏览器实现的本地方法,是函数类型的内部方法 var a = (Function.prototype.call).apply(function(a){return a;}, [0,4,3]); 2、fun
}).catch(err => { //请求失败后的处理函数 console.log(err) }) //方法二传递参数 this.$http.get('https://cnodejs.org/api/v1/topics?page=1&limit=15')注意请求成功后的处理使用了箭头函数,因此在该函数内的...
* 返回的构造函数会执行名为 initialize 的方法, initialize 是 Ruby 对象的构造器方法名字。 * 此时initialize方法还没有定义,其后的代码中创建新类型时会建立相应的同名方法。 * * 如果一定要从java上去理解...
Prototype.js作为javascript的成功的开源框架,封装了很多好用的功能,虽然官方没提供什么文档,不过在google上一搜,好多相关的文档,不过在学习使用的过程中还是碰到了一些问题,希望熟悉的朋友能多加指点,对于...
* 定义一个全局对象, 属性 Version 在发布的时候会替换为当前版本号 */ var Prototype = { Version: ‘@@VERSION@@’ } /** * 创建一种类型,注意其属性 create 是一个方法,返回一个构造函数。...
1. String.prototype.camelize BUG 这个方法用来返回字符串的骆驼写法。用js 控制元素的 style的时候经常使用 比如 var ss=”font-color” ss=ss.camelize() // fontColor 通常情况下 camelize 会工作得...
在初学Javascript时,我们也许不需要担心函数绑定的问题,但是当我们需要在另一个函数中保持上下文对象this时,就会遇到相应的问题了,我见过很多人处理这种问题都是先将this赋值给一个变量(比如self、_this、that...
在JavaScript中,我们经常用到函数绑定,而当你需要在另一个函数中保持this上下文时,使用Function.prototype.bind()会很方便
当调用这个绑定函数时,绑定函数会以创建它时传入的第一个参数作为this,传入bind()方法的第二个以及以后的参数加上绑定函数运行时本身的参数按照顺序作为原函数的参数来调取原函数。 实际使用中我们经常会碰到...
map 方法会给原数组中的每个元素都按顺序调用一次 callback 函数。callback 每次执行后的返回值组合起来形成一个新数组。 callback 函数只会在有值的索引上被调用;那些从来没被赋过值或者使用 delete 删除的索引则...
浅析Promise的介绍及基本用法 Promise是ES6引入的异步编程的新解决方案。语法止Promise是-一个构造函数, 用来封装异步操作并可以获取其成功或失败的结果。 Promise 构造函数: Promise (excutor) {} Promise....
本文实例讲述了js使用Array.prototype.sort()对数组对象排序的方法。分享给大家供大家参考。具体分析如下: 在讲对数组对象进行排序时,我们先来简单的了解一下Array.prototype.sort()。sort方法接受一个参数——...
stringdate.js提供了将作为处理的函数。 用法 有效格式 有效格式通常为"yyyy-MM-dd" 。 getLastDate()和isLeapYear()允许使用"yyyy-MM" 。 "yyyy"只允许用于isLeapYear() 。 请注意,该字符串在语法和语义上应该是...