Rumah >hujung hadapan web >tutorial js >详细讲解prototype.js常用函数的基础知识
本文主要介绍prototype.js中各个函数的用法,希望能帮到大家,有需要的朋友可以参考一下。
函数名 | 解释 | 举例 |
---|---|---|
Element.toggle | 交替隐藏或显示 | Element.toggle(''p1'',''p2'') |
Element.hide | 隐藏 | Element.hide(''p1'',''p2'') |
Element.show | 显示 | 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() | $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 | 出现特效 | |
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('p2')">Click Me</a></p> <p id="p2">Hello!</p>
当点击Click Me的时候,p2就会交替隐藏或显示.注意,你可以给toggle加上无限个parameter,比如Element.toggle(”p2”,”p3”,”p4”,…)
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
window.close(); 关闭浏览器窗口js代码总结(详细讲解)
Atas ialah kandungan terperinci 详细讲解prototype.js常用函数的基础知识. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!