首页 >web前端 >js教程 >详细讲解prototype.js常用函数的基础知识

详细讲解prototype.js常用函数的基础知识

亚连
亚连原创
2018-05-21 09:16:501161浏览

本文主要介绍prototype.js中各个函数的用法,希望能帮到大家,有需要的朋友可以参考一下。

函数名  解释  举例
 Element.toggle  交替隐藏或显示  Element.toggle(''p1'',''p2'')
 Element.hide  隐藏  Element.hide(''p1'',''p2'')
 Element.show 显示  Element.show(''p1'',''p2'')
 Element.remove  删除  Element.remove(''p1'',''p2'')
 Element.getHeight  取得高度  Element.getHeight(''p1'')
 Toggle.display  和Element.toggle相同  Toggle.display(''p1'',''p2'')
 Insertion.Before  在p前插入文字  Insertion.Before(''p1'',''my content'')
 Insertion.After  在p后插入文字  Insertion.After(''p1'',''my content'')
 Insertion.Top  在p里最前插入文字  Insertion.Top(''p1'',''this is a text'')
 Insertion.Bottom  在p里最后插入文字  Insertion.Bottom(''p1'',''this is a text'')
 PeriodicalExecuter  以给定频率调用一段Javascriptt  PeridicalExecutor(test, 1)"这里test是Javascriptt的函数,1是频率(1秒).
 $  取得一个p, 相当于getElementById()  $(''p1'')
 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(c25b7b04eabbf30cdb48041613aaf91c)就可以了.例如:

<p id="p1"><a href="#" onclick="new Element.toggle(&#39;p2&#39;)">Click Me</a></p>
<p id="p2">Hello!</p>

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

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

window.close(); 关闭浏览器窗口js代码总结(详细讲解)

利用Js实现删除数组中某一项或几项的几种方法

对Js OOP编程 创建对象的详细解读

以上是详细讲解prototype.js常用函数的基础知识的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn