prototype.js函式介紹

okone96發表於2007-04-26
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以給定頻率呼叫一段JavaScriptPeridicalExecutor(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.disabledisable表格所有內容Form.disable(''form1'') (這個好象不work)
Form.focusFirstElement把焦點集中在表格第一個元素上Form.focusFirstElement(''form1'')
Form.resetReset表格Form.reset(''form1'')
Form.Element.getValue取得表格輸入框的值Form.Element.getValue(''text1'')
Form.Element.serialize把表格中輸入框內容轉化成stringForm.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.ContentZoomZOOM特效．
Ajax.Request傳送Ajax請求給伺服器Ajax.Request('''')
Ajax.Updater傳送Ajax請求給伺服器並用答覆的結果更新指定的ContainerAjax.Updater(''text1'','''')
基本用法:prototype.js給每個主要的類都分了一個Class,使用起來很方便.要產生特定的效果,只要用new Class.function()就可以了.例如:



Hello!

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

[@more@]

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/750220/viewspace-912463/，如需轉載，請註明出處，否則將追究法律責任。

相關文章