prototype.js常用函数及其用法

来源:blogjava 时间:2007-11-21 20:47:00 

本文介绍了prototype.js常用函数及其使用方法例子说明

函数名             解释                       举例
 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(<argument>)就可以了.例如:
<DIV id="div1"><a href="#" onclick="new Element.toggle('div2')">Click Me</a></DIV>
<DIV id="div2">Hello!</DIV>
      当点击Click Me的时候,div2就会交替隐藏或显示.注意,你可以给toggle加上无限个parameter,比如Element.toggle(''div2'',''div3'',''div4'',...)

相关文章推荐:

prototype.js1.4版开发者手册

prototype-1.4.0注释版源代码下载

 

标签:prototype,js
0
投稿

猜你喜欢

  • PHP 修改SESSION的生存时间案例详解

    2023-06-11 19:44:20
  • 详解Python利用configparser对配置文件进行读写操作

    2022-08-02 22:24:38
  • 用js实现用户输入密码的强度

    2007-11-22 21:41:00
  • IOS苹果AppStore内购付款的服务器端php验证方法(使用thinkphp)

    2023-06-14 13:05:56
  • Go语言实现互斥锁、随机数、time、List

    2024-04-25 15:11:24
  • python批量处理打开多个文件

    2022-10-21 05:26:47
  • SQL Server序列SEQUENCE用法介绍

    2024-01-21 02:43:21
  • 浅谈javascript 迭代方法

    2024-06-07 15:50:55
  • 检测python爬虫时是否代理ip伪装成功的方法

    2021-07-31 20:23:44
  • 从零开始学习Node.js系列教程二:文本提交与显示方法

    2024-05-08 09:35:30
  • Python全栈之列表数据类型详解

    2023-05-05 15:27:10
  • python小技巧——将变量保存在本地及读取

    2022-02-14 23:35:14
  • Python语法快速入门指南

    2021-10-18 11:36:00
  • Python eval的常见错误封装及利用原理详解

    2021-06-11 22:38:42
  • 在PHP中读取和写入WORD文档的代码

    2023-09-28 02:30:22
  • PHP控制反转(IOC)和依赖注入(DI)

    2024-05-11 10:09:31
  • ASP与MySQL的连接[图文教程]

    2010-03-14 11:21:00
  • django模板结构优化的方法

    2023-11-12 11:57:02
  • 解决pandas展示数据输出时列名不能对齐的问题

    2021-02-12 03:00:23
  • python实现给微信公众号发送消息的方法

    2021-08-25 23:44:57
  • asp之家 网络编程 m.aspxhome.com