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”,…)

赞(0) 打赏
未经允许不得转载:WEB前端开发 » prototype.js常用函数及其用法

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏