zhongzhihua 发表于 2013-1-29 13:13:13

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="#" >Click Me</a></DIV>
<DIV id="div2">Hello!</DIV>      当点击Click Me的时候,div2就会交替隐藏或显示.注意,你可以给toggle加上无限个parameter,比如Element.toggle(''div2'',''div3'',''div4'',...)
页: [1]
查看完整版本: prototype.js常用函数