prototype.js常用函数及其用法

< DOCTYPE html PUBLIC -WCDTD XHTML StrictEN httpwwwworgTRxhtmlDTDxhtml-strictdtd>

prototype.js常用函数及其用法

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="#" οnclick="new Element.toggle('div2')">Click Me</a></DIV><DIV id="div2">Hello!</DIV>
       当点击Click Me的时候,div2就会交替隐藏或显示.注意,你可以给toggle加上无限个parameter,比如Element.toggle(''div2'',''div3'',''div4'',...)

本文转自 netcorner 博客园博客，原文链接：http://www.cnblogs.com/netcorner/archive/2007/07/02/2912341.html  ，如需转载请自行联系原作者