prototype.js常用函數(shù):
| 函數(shù)名 |
解釋 |
舉例 |
| 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 |
以給定頻率調(diào)用一段JavaScript |
PeridicalExecutor(test, 1)"這里test是Javascript的函數(shù),1是頻率(1秒). |
| $ |
取得一個(gè)DIV, 相當(dāng)于getElementById() |
$(''div1'') |
| Field.clear |
清空一個(gè)輸入框 |
Field.clear(''textfield1'') |
| Field.focus |
把 焦點(diǎn)集中在輸入框上 |
Field.focus(''select1'') |
| Field.present |
判斷內(nèi)容是否為空 |
alert(Field.present(''textfield1''))" |
| Field.select |
選擇輸入框的內(nèi)容 |
Field.select(''textfield1'')" |
| Field.activate |
把 焦點(diǎn)集中在輸入框上并選擇輸入框的內(nèi)容 |
Field.activate(''textfield1'')" |
| Form.serialize |
把表格內(nèi)容轉(zhuǎn)化成string |
|
| Form.getElements |
取得表格內(nèi)容為數(shù)組形式 |
|
| Form.disable |
disable表格所有內(nèi)容 |
Form.disable(''form1'') (這個(gè)好象不work) |
| Form.focusFirstElement |
把焦點(diǎn)集中在表格第一個(gè)元素上 |
Form.focusFirstElement(''form1'') |
| Form.reset |
Reset表格 |
Form.reset(''form1'') |
| Form.Element.getValue |
取得表格輸入框的值 |
Form.Element.getValue(''text1'') |
| Form.Element.serialize |
把表格中輸入框內(nèi)容轉(zhuǎn)化成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 |
出現(xiàn)特效 |
|
| Effect.ContentZoom |
ZOOM特效． |
|
| Ajax.Request |
傳送Ajax請(qǐng)求給服務(wù)器 |
Ajax.Request(''http://server/s.php'') |
| Ajax.Updater |
傳送Ajax請(qǐng)求給服務(wù)器并用答復(fù)的結(jié)果更新指定的Container |
Ajax.Updater(''text1'',''http://server/s.php'') |
基本用法:prototype.js給每個(gè)主要的類都分了一個(gè)Class,使用起來很方便.要產(chǎn)生特定的效果,只要用new Class.function(<argument>)就可以了.例如:
<DIV id="div1"><a href="#" onclick="new Element.toggle('div2')">Click Me</a></DIV>
<DIV id="div2">Hello!</DIV>
當(dāng)點(diǎn)擊Click Me的時(shí)候,div2就會(huì)交替隱藏或顯示.注意,你可以給toggle加上無限個(gè)parameter,比如Element.toggle(''div2'',''div3'',''div4'',...)