函数名 |
解释 |
举例 |
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
以给定频率调用一段Javascriptt
PeridicalExecutor(test, 1)"这里test是Javascriptt的函数,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”,…)
查看更多JavaScript的语法，大家可以关注：《JavaScript 参考教程》、《JavaScript代码风格指南》，也希望大家多多支持。