• 技术文章 >web前端 >js教程

    基础的prototype.js常用函数及其用法_prototype

    2016-05-16 19:17:08原创429
    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() 就可以了 . 例如 :

    Hello!

    当点击 Click Me 的时候 ,div2 就会交替隐藏或显示 . 注意 , 你可以给 toggle 加上无限个 parameter, 比如 Element.toggle(''div2'',''div3'',''div4'',...)
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:学习YUI.Ext 第四天--对话框Dialog的使用_YUI.Ext相关 下一篇:腾讯QQ网页在线客服,隐藏在网页一侧的隐现效果二_导航菜单
    Web大前端开发直播班

    相关文章推荐

    • 什么是管道?浅析Angular中的管道(PIPE)• 浅析利用node怎么获取mac系统版本• 值得了解的几个实用JavaScript优化小技巧• 你能搞懂JS的this指向问题吗?看看这篇文章• 了解Node.js Nest.js的AOP 架构,聊聊其好处

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网