精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
返回建站学首页
导航:
建站首页 | 网站设计 | 网站开发 | 网站运营 | 网页软件 | 建站指南 | 搜索优化 | 图像处理 | 视频教程 | 书籍教程 | 建站专题
当前位置:首页>网站开发>ajax教程>正文

prototype.js常用函数及其用法


来源: 时间:07-02-16 点击: 点击这里收藏本文

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


  把此文章收藏到:          
广而告之
文章搜索
  • Google JZxue.Com

关于我们 | 联系我们 | 友情链接 | 网站地图
Copyright © 2005 - 2006 建站学 All rights reserved.