prototype.js常用函数及其用法

时间：2007-03-26 来源：chouy

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

相关阅读更多 +

光与影33号远征队神秘废墟经怪要不要杀(光与影33号远征队) 游戏资讯 2025-05-26
熊视眈眈游戏多少钱游戏资讯 2025-05-26
光与影33号远征队神秘废墟隐藏任务怎么做(光与影33号远征队拦腰法) 游戏资讯 2025-05-26
炉石传说标准天梯平衡补丁首日卡组分享(炉石传说标准天赋是什么) 游戏资讯 2025-05-26
剑星胜利女神dlc什么时候出(剑星胜利女神) 游戏资讯 2025-05-26

排行榜更多 +

战机公司汉化版下载

飞行射击下载

飞行射击下载

飞行射击下载