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    以给定频率调用一段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><a href="#">Click Me</a></DIV>
<DIV>Hello!</DIV>

当点击Click Me的时候,div2就会交替隐藏或显示.注意,你可以给toggle加上无限个parameter,比如Element.toggle(”div2”,”div3”,”div4”,…)

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzsfjw.html