prototype.js常用函数及其用法

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

 感谢原创者的辛勤劳动,希望对您有所帮助,转载请注明原出处。
 您可能对 [Ajax] 的这些文章也感兴趣:

今天刚做了一个ajax的例子发上去了  揭开AJAX神秘面纱
使用异步Servlet扩展AJAX应用程序  剖析AJAX成为“时尚”的十大主要理由
AJAX初体验之上手篇  Mashups+Ajax 打造全新Web开发
详谈基于JSON的高级AJAX开发技术  CuteEditor5.0与Ajax.net配合无刷新操作数据库
AJAX开发简略 (第二部分)  XMLHttpRequest和AJAX入主Web开发
AJAX开发简略 (第一部分)  Asp.net Ajax:我可以用javascript做些什么?
用AJAX J2EE实现一个网上会议室系统  用ASP.NET AJAX框架扩展HTML Map控件
JavaScript实现AJAX的拖动效果  抢占AJAX制高点的战役白热化
Ajax,JavaOne大会的关注焦点  AJAX和J2EE创建功能强大的瘦客户端
将java和Ajax结合在一起  面向Java程序员的Ajax:构建动态Java程序