prototype.js常用函數(shù)詳解
更新時(shí)間：2016年06月18日 10:43:22 作者：韓進(jìn)
本文主要介紹prototype.js中各個(gè)函數(shù)的用法，希望能幫到大家，有需要的朋友可以參考一下。
| 函數(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)用一段Javascriptt | PeridicalExecutor(test, 1)"這里test是Javascriptt的函數(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) |
| Effect.Squish | 消失特效．文字縮小后消失 | Effect.Squish(''text1'') |
| Effect.Puff | 消失特效．文字放大后消失 | Effect.Puff(''text1'') |
| Effect.Appear | 出現(xiàn)特效 | |
| Effect.ContentZoom | ZOOM特效． | |
| Ajax.Request | 傳送Ajax請(qǐng)求給服務(wù)器 | Ajax.Request(''http://server/s.php'') |
| Ajax.Updater | 傳送Ajax請(qǐng)求給服務(wù)器并用答復(fù)的結(jié)果更新指定的Container | Ajax.Updater(''text1'',''http://server/s.php'') |
基本用法:prototype.js給每個(gè)主要的類(lèi)都分了一個(gè)Class,使用起來(lái)很方便.要產(chǎn)生特定的效果,只要用new Class.function(<argument>)就可以了.例如:
復(fù)制代碼 代碼如下:
<DIV id="div1"><a href="#" onclick="new Element.toggle('div2')">Click Me</a></DIV>
<DIV id="div2">Hello!</DIV>
<DIV id="div2">Hello!</DIV>
當(dāng)點(diǎn)擊Click Me的時(shí)候,div2就會(huì)交替隱藏或顯示.注意,你可以給toggle加上無(wú)限個(gè)parameter,比如Element.toggle(”div2”,”div3”,”div4”,…)
查看更多JavaScript的語(yǔ)法，大家可以關(guān)注：《JavaScript 參考教程》、《JavaScript代碼風(fēng)格指南》，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- js類(lèi)定義函數(shù)時(shí)用prototype與不用的區(qū)別示例介紹
- javascript中的prototype屬性使用說(shuō)明(函數(shù)功能擴(kuò)展)
- JS構(gòu)造函數(shù)與原型prototype的區(qū)別介紹
- JavaScript下的時(shí)間格式處理函數(shù)Date.prototype.format
- js prototype截取字符串函數(shù)
- 基礎(chǔ)的prototype.js常用函數(shù)及其用法
- String.prototype實(shí)現(xiàn)的一些javascript函數(shù)介紹
- 淺談js構(gòu)造函數(shù)的方法與原型prototype
- 基于prototype擴(kuò)展的JavaScript常用函數(shù)庫(kù)
- JavaScript中isPrototypeOf函數(shù)作用和使用實(shí)例
- JS函數(shù)進(jìn)階之prototy用法實(shí)例分析
相關(guān)文章
這篇文章主要給大家介紹了ES5中新增的Array對(duì)象的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-04-04
Javascript創(chuàng)建類(lèi)和對(duì)象詳解
使用Javascript創(chuàng)建類(lèi)和對(duì)象的方法有很多，現(xiàn)在就來(lái)列舉一下：1、原始的創(chuàng)建方法，2、工廠(chǎng)方法模式，3、構(gòu)造方法模式，4、動(dòng)態(tài)原型方法。下面我們就來(lái)通過(guò)實(shí)例詳細(xì)看下2017-05-05
這篇文章主要介紹了JS傳播事件、取消事件默認(rèn)行為、阻止事件傳播,通過(guò)事件處理程序的返回值 調(diào)用順序講解了詳細(xì)的過(guò)程,需要的朋友可以參考下2017-08-08
JavaScript中document.referrer的用法詳解
這篇文章主要給大家介紹了關(guān)于JavaScript中document.referrer的用法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看吧。2017-07-07
這篇文章主要介紹了JavaScript中的splice()方法使用詳解,是JS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
Javascript的IE和Firefox兼容性匯編(zz)
[紅色]Javascript的IE和Firefox兼容性匯編(zz)...2007-02-02
深入理解ECMAScript的幾個(gè)關(guān)鍵語(yǔ)句
下面小編就為大家?guī)?lái)一篇深入理解ECMAScript的幾個(gè)關(guān)鍵語(yǔ)句。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
js中indexOf() 方法可返回某個(gè)指定的字符串值在字符串中首次出現(xiàn)的位置2012-10-10
深入理解JavaScript系列（18）：面向?qū)ο缶幊讨瓻CMAScript實(shí)現(xiàn)
這篇文章主要介紹了深入理解JavaScript系列（18）：面向?qū)ο缶幊讨瓻CMAScript實(shí)現(xiàn),本文講解了數(shù)據(jù)類(lèi)型、原始值類(lèi)型、Object類(lèi)型、動(dòng)態(tài)性、內(nèi)置對(duì)象、原生對(duì)象及宿主對(duì)象等內(nèi)容,需要的朋友可以參考下2015-03-03
JavaScript中幾種排序算法的簡(jiǎn)單實(shí)現(xiàn)
這篇文章主要介紹了JavaScript中幾種排序算法的簡(jiǎn)單實(shí)現(xiàn),排序是各種編程語(yǔ)言學(xué)習(xí)中都是共通的必會(huì)的基礎(chǔ),需要的朋友可以參考下2015-07-07