打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
prototype.js常用函数及其用法

prototype.js常用函数及其用法

prototype.js(v1.4)下载
prototype中文开发笔记下载(PDF)

常用函数及其用法

函数名 解释 举例
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 以给定频率调用一段JavaScript PeridicalExecutor(test, 1)"这里test是Javascript的函数,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)
这里200 = 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()就可以了。
例如:
<div id="div1"><a href="#" onclick="new Element.toggle(‘div2‘)">Click Me</a></div><div id="div2">Hello&#33;</div>
当点击Click Me的时候,div2就会交替隐藏或显示。注意,你可以给toggle加上无限个parameter,比如Element.toggle(‘‘div2‘‘,‘‘div3‘‘,‘‘div4‘‘,...)


本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
prototype.js简介--君临天下
Jquery与Prototype混合用法对比
摘《谈谈scriptaculous动画效果库effect.js(原理和使用)》
Using prototype.js v1.5.0
博客园 - 鸟食轩 - JavaScript中this关键字使用方法详解
前端开发面试题之JavaScript
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服