函數名 解釋 舉例
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="#" onclick="new Element.toggle('div2')">Click Me</a></DIV>
<DIV id="div2">Hello!</DIV>
當點擊Click Me的時候,div2就會交替隱藏或顯示.注意,你可以給toggle加上無限個parameter,比如Element.toggle