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="#" οnclick="new Element.toggle('div2')">Click Me</a></DIV>
<DIV id="div2">Hello!</DIV>

当点击Click Me的时候,div2就会交替隐藏或显示.注意,你可以给toggle加上无限个parameter,比如Element.toggle(''div2'',''div3'',''div4'',...)

 

--------------------------------更多资料---------------------------------------

prototype.js 1.4 原代码阅读:http://www.aspxclub.com/l17/c_4802.html

官方网站:http://www.prototypejs.org/

prototype1.4开发手册:

prototype1.5开发手册: