zoukankan      html  css  js  c++  java
  • 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
  • 相关阅读:
    用Twebbrowser做可控编辑器与MSHTML(调用js)
    用Twebbrowser做可控编辑器与MSHTML(插入表格)
    用Twebbrowser做可控编辑器与MSHTML
    如何用firefox57看中国大学mooc视频
    学习EXTJS6(8)基本功能-表单的基础表字段Ext.form.field.Basic
    学习EXTJS6(7)基本功能-最常用的表单
    学习EXTJS6(6)基本功能-工具栏和菜单
    学习EXTJS6(5)基本功能-进度条组件
    学习EXTJS6(4)基本功能-信息提示框组件
    学习EXTJS6(3)基本概念
  • 原文地址:https://www.cnblogs.com/5tao/p/858915.html
Copyright © 2011-2022 走看看