prototype.js常用函数详解
Effect.Scale(''text1'',200)
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'',''mycontent'')
Insertion.After
在DIV后插入文字
Insertion.After(''div1'',''mycontent'')
Insertion.Top
在DIV里最前插入文字
Insertion.Top(''div1'',''thisisatext'')
Insertion.Bottom
在DIV里最后插入文字
Insertion.Bottom(''div1'',''thisisatext'')
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
放大缩小(百分比）
这里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,使用起来很方便.要产生特定的效果,只要用newClass.function(<argument>)就可以了.例如:
<DIVid="div1"><ahref="#"onclick="newElement.toggle('div2')">ClickMe</a></DIV>
<DIVid="div2">Hello!</DIV>
当点击ClickMe的时候,div2就会交替隐藏或显示.注意,你可以给toggle加上无限个parameter,比如Element.toggle(”div2”,”div3”,”div4”,…)
查看更多JavaScript的语法，大家可以关注：《JavaScript参考教程》、《JavaScript代码风格指南》，也希望大家多多支持毛票票。