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(''div2'',''div3'',''div4'',...)
JavaScript技術:基礎的prototype.js常用函數及其用法,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。