prototype惯用函数及其用法

prototype常用函数及其用法

 

prototype常用函数及其用法

 

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)"这里testJavascript的函数,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'',...)