詳細講解prototype.js常用函數的基礎知識

本文主要介紹prototype.js中各個函數的用法，希望能幫到大家，有需要的朋友可以參考一下。

##顯示 Element.show(''p1'',''p2'') Element.remove 刪除 Element.remove('' p1'',''p2'') Element.getHeight# 取得高度 Element.getHeight(''p1'') Toggle.display 和Element.toggle相同 Toggle.display(''p1'',''p2'') Insertion.Before 在p前面插入文字 Insertion.Before(''p1'',''my content'') Insertion.After 在p後面插入文字 Insertion.After(''p1'',''my content'')# Insertion.Top 在p裡最前面插入文字 Insertion.Top(''p1'',''this is a text'') Insertion.Bottom 在p裡最後插入文字 Insertion.Bottom(''p1'',''this is a text'') PeriodicalExecuter 以給定頻率呼叫一段Javascriptt PeridicalExecutor(test, 1)"這裡test是Javascriptt的函數,1是頻率(1秒). $ 取得一個p, 相當於getElementById() $(''p1'')# 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()

函數名稱	解釋	# 範例
Element.toggle	# 交替隱藏或顯示	Element.toggle(''p1'',''p2'')
Element.hide	隱藏	Element.hide(''p1'',''p2'')
# Element.show
	# # $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(c25b7b04eabbf30cdb48041613aaf91c)就可以了.例如:

<p id="p1"><a href="#" onclick="new Element.toggle(&#39;p2&#39;)">Click Me</a></p>
<p id="p2">Hello!</p>

當點擊Click Me的時候,p2就會交替隱藏或顯示.注意,你可以給toggle加上無限個parameter,比如Element.toggle(”p2”,”p3”,”p4”,…)

上面是我整理給大家的，希望今後會對大家有幫助。

相關文章：

window.close(); 關閉瀏覽器視窗js程式碼摘要（詳細講解）

利用Js實作刪除數組中某一項或幾項的幾種方法

#對Js OOP程式設計建立物件的詳細解讀

以上是詳細講解prototype.js常用函數的基礎知識的詳細內容。更多資訊請關注PHP中文網其他相關文章！