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