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="#" οnclick="new Element.toggle('div2')">Click Me</a></DIV>
<DIV id="div2">Hello!</DIV>

????? 當點擊Click Me的時候,div2就會交替隱藏或顯示.注意,你可以給toggle加上無限個parameter,比如Element.toggle(''div2'',''div3'',''div4'',...)

轉載于:https://www.cnblogs.com/liufei88866/archive/2008/08/25/1275876.html

總結

以上是生活随笔為你收集整理的prototype.js常用函数及其用法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。