基礎(chǔ)的prototype.js常用函數(shù)及其用法
更新時(shí)間:2007年03月10日 00:00:00 作者:
prototype.js 常用函數(shù) :
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
以給定頻率調(diào)用一段 JavaScript
PeridicalExecutor(test, 1)" 這里 test 是 Javascript 的函數(shù) ,1 是頻率 (1 秒 ).
$
取得一個(gè) DIV, 相當(dāng)于 getElementById()
$(''div1'')
Field.clear
清空一個(gè)輸入框
Field.clear(''textfield1'')
Field.focus
把 焦點(diǎn)集中在輸入框上
Field.focus(''select1'')
Field.present
判斷內(nèi)容是否為空
alert(Field.present(''textfield1''))"
Field.select
選擇輸入框的內(nèi)容
Field.select(''textfield1'')"
Field.activate
把 焦點(diǎn)集中在輸入框上并選擇輸入框的內(nèi)容
Field.activate(''textfield1'')"
Form.serialize
把表格內(nèi)容轉(zhuǎn)化成 string
Form.getElements
取得表格內(nèi)容為數(shù)組形式
Form.disable
disable 表格所有內(nèi)容
Form.disable(''form1'') ( 這個(gè)好象不 work)
Form.focusFirstElement
把焦點(diǎn)集中在表格第一個(gè)元素上
Form.focusFirstElement(''form1'')
Form.reset
Reset 表格
Form.reset(''form1'')
Form.Element.getValue
取得表格輸入框的值
Form.Element.getValue(''text1'')
Form.Element.serialize
把表格中輸入框內(nèi)容轉(zhuǎn)化成 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
出現(xiàn)特效
Effect.ContentZoom
ZOOM 特效.
Ajax.Request
傳送 Ajax 請求給服務(wù)器
Ajax.Request(''http://server/s.php'')
Ajax.Updater
傳送 Ajax 請求給服務(wù)器并用答復(fù)的結(jié)果更新指定的 Container
Ajax.Updater(''text1'',''http://server/s.php'')
==========================================
基本用法 :prototype.js 給每個(gè)主要的類都分了一個(gè) Class, 使用起來很方便 . 要產(chǎn)生特定的效果 , 只要用 new Class.function(<argument>) 就可以了 . 例如 :
<DIV id="div1"><a href="#" onclick="new Element.toggle('div2')">Click Me</a></DIV>
<DIV id="div2">Hello!</DIV>
當(dāng)點(diǎn)擊 Click Me 的時(shí)候 ,div2 就會(huì)交替隱藏或顯示 . 注意 , 你可以給 toggle 加上無限個(gè) parameter, 比如 Element.toggle(''div2'',''div3'',''div4'',...)
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
以給定頻率調(diào)用一段 JavaScript
PeridicalExecutor(test, 1)" 這里 test 是 Javascript 的函數(shù) ,1 是頻率 (1 秒 ).
$
取得一個(gè) DIV, 相當(dāng)于 getElementById()
$(''div1'')
Field.clear
清空一個(gè)輸入框
Field.clear(''textfield1'')
Field.focus
把 焦點(diǎn)集中在輸入框上
Field.focus(''select1'')
Field.present
判斷內(nèi)容是否為空
alert(Field.present(''textfield1''))"
Field.select
選擇輸入框的內(nèi)容
Field.select(''textfield1'')"
Field.activate
把 焦點(diǎn)集中在輸入框上并選擇輸入框的內(nèi)容
Field.activate(''textfield1'')"
Form.serialize
把表格內(nèi)容轉(zhuǎn)化成 string
Form.getElements
取得表格內(nèi)容為數(shù)組形式
Form.disable
disable 表格所有內(nèi)容
Form.disable(''form1'') ( 這個(gè)好象不 work)
Form.focusFirstElement
把焦點(diǎn)集中在表格第一個(gè)元素上
Form.focusFirstElement(''form1'')
Form.reset
Reset 表格
Form.reset(''form1'')
Form.Element.getValue
取得表格輸入框的值
Form.Element.getValue(''text1'')
Form.Element.serialize
把表格中輸入框內(nèi)容轉(zhuǎn)化成 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
出現(xiàn)特效
Effect.ContentZoom
ZOOM 特效.
Ajax.Request
傳送 Ajax 請求給服務(wù)器
Ajax.Request(''http://server/s.php'')
Ajax.Updater
傳送 Ajax 請求給服務(wù)器并用答復(fù)的結(jié)果更新指定的 Container
Ajax.Updater(''text1'',''http://server/s.php'')
==========================================
基本用法 :prototype.js 給每個(gè)主要的類都分了一個(gè) Class, 使用起來很方便 . 要產(chǎn)生特定的效果 , 只要用 new Class.function(<argument>) 就可以了 . 例如 :
<DIV id="div1"><a href="#" onclick="new Element.toggle('div2')">Click Me</a></DIV>
<DIV id="div2">Hello!</DIV>
當(dāng)點(diǎn)擊 Click Me 的時(shí)候 ,div2 就會(huì)交替隱藏或顯示 . 注意 , 你可以給 toggle 加上無限個(gè) parameter, 比如 Element.toggle(''div2'',''div3'',''div4'',...)
您可能感興趣的文章:
- js類定義函數(shù)時(shí)用prototype與不用的區(qū)別示例介紹
- javascript中的prototype屬性使用說明(函數(shù)功能擴(kuò)展)
- JS構(gòu)造函數(shù)與原型prototype的區(qū)別介紹
- JavaScript下的時(shí)間格式處理函數(shù)Date.prototype.format
- js prototype截取字符串函數(shù)
- String.prototype實(shí)現(xiàn)的一些javascript函數(shù)介紹
- 淺談js構(gòu)造函數(shù)的方法與原型prototype
- prototype.js常用函數(shù)詳解
- 基于prototype擴(kuò)展的JavaScript常用函數(shù)庫
- JavaScript中isPrototypeOf函數(shù)作用和使用實(shí)例
- JS函數(shù)進(jìn)階之prototy用法實(shí)例分析
相關(guān)文章
Prototype源碼淺析 Enumerable部分之each方法
在javascript中,根本找不到Enumerable的影子,因?yàn)檫@一塊是Prototype作者從Ruby中借鑒過來的。2012-01-01Prototype Selector對象學(xué)習(xí)
這個(gè)對象在幫助文檔上并沒有,但是這個(gè)對象確是整個(gè)DOM操作的核心類,工具函數(shù)$$,其實(shí)就是調(diào)用這個(gè)類的方法2009-07-07Prototype Number對象 學(xué)習(xí)
這個(gè)對象提供一些操作數(shù)值類型的工具函數(shù)2009-07-07javascript prototype,executing,context,closure
JavaScript是一種靈活的腳本語言。與Java、C++等需要編譯執(zhí)行的程序設(shè)計(jì)語言有很大不同,在使用的過程中,會(huì)暴露出一些問題。2008-12-12[轉(zhuǎn)]prototype 源碼解讀 超強(qiáng)推薦
[轉(zhuǎn)]prototype 源碼解讀 超強(qiáng)推薦...2007-02-02