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