zoukankan      html  css  js  c++  java
  • prototype.js常用函数及其用法

    < DOCTYPE html PUBLIC -WCDTD XHTML StrictEN httpwwwworgTRxhtmlDTDxhtml-strictdtd>

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

  • 相关阅读:
    100到简单加减乘除算法的程序
    安卓日程管理系统中的bug
    绑定到Collection与绑定到CollectionViewSource的不同及解决方案
    【WPF】完美的布局不留白——解决WrapPanel右侧留白问题
    WPF里最简单的控件的Style你能写对么?(默认Style是有问题的)
    WPF Bug清单之(13)——应该出现却没有出现的ListView水平滚动条
    [WPF Bug清单]之(12)——与自定义Attached Property相关的Binding Path运行时错误
    请争取你可以拥有的——即使你不在乎
    C#编码风格——using语句的位置
    【WPF】实现QQ中的分组面板(2)——添加动画
  • 原文地址:https://www.cnblogs.com/netcorner/p/2912341.html
Copyright © 2011-2022 走看看