基础的prototype.js常用函数及其用法

2019-06-03 02:36:01王振洲

  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'',...)