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, 相當于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>)就可以了.例如:
<DIV id="div2">Hello!</DIV>
當點擊Click Me的時候,div2就會交替隱藏或顯示.注意,你可以給toggle加上無限個parameter,比如Element.toggle(”div2”,”div3”,”div4”,…)
查看更多JavaScript的語法,大家可以關(guān)注:《JavaScript 參考教程》、《JavaScript代碼風格指南》,也希望大家多多支持腳本之家。
- 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)文章
使用 TypeScript 重新編寫的 JavaScript 坦克大戰(zhàn)游戲代碼
這篇文章主要介紹了使用 TypeScript 重新編寫的 JavaScript 坦克大戰(zhàn)游戲代碼,主要是對自己近期學習TypeScript的一個小小的總結(jié)實踐,推薦給小伙伴們,希望大家能夠喜歡。2015-04-04IE不支持getElementsByClassName最終完美解決方案
目前可以這么解決,判斷瀏覽器支不支持這個方法,如果支持就不管;如果不支持,就在document對象里加入getElementsByClassName這個方法,按興趣的朋友可以了解下2012-12-12JavaScript sup方法入門實例(把字符串顯示為上標)
這篇文章主要介紹了JavaScript sup方法入門實例,sup方法用于把字符串顯示為上標,需要的朋友可以參考下2014-10-10