prototype.js常用函数详解
程序员文章站
2022-06-29 21:22:08
函数名
解释
举例
eleme...
函数名 | 解释 | 举例 |
---|---|---|
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 | 以给定频率调用一段javascriptt | peridicalexecutor(test, 1)"这里test是javascriptt的函数,1是频率(1秒). |
$ | 取得一个div, 相当于getelementbyid() | $(''div1'') |
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(<argument>)就可以了.例如:
复制代码 代码如下:
<div id="div1"><a href="#" onclick="new element.toggle('div2')">click me</a></div>
<div id="div2">hello!</div>
<div id="div2">hello!</div>
当点击click me的时候,div2就会交替隐藏或显示.注意,你可以给toggle加上无限个parameter,比如element.toggle(”div2”,”div3”,”div4”,…)
查看更多javascript的语法,大家可以关注:《javascript 参考教程》、《javascript代码风格指南》,也希望大家多多支持。