手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >基础的prototype.js常用函数及其用法
基础的prototype.js常用函数及其用法
摘要:prototype.js常用函数:Element.toggle交替隐藏或显示Element.toggle(''div1'',''div2''...

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

Insertion.After

在DIV后插入文字

Insertion.After(''div1'',''mycontent'')

Insertion.Top

在DIV里最前插入文字

Insertion.Top(''div1'',''thisisatext'')

Insertion.Bottom

在DIV里最后插入文字

Insertion.Bottom(''div1'',''thisisatext'')

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,使用起来很方便.要产生特定的效果,只要用newClass.function(<argument>)就可以了.例如:

<DIVid="div1"><ahref="#"onclick="newElement.toggle('div2')">ClickMe</a></DIV>

<DIVid="div2">Hello!</DIV>

当点击ClickMe的时候,div2就会交替隐藏或显示.注意,你可以给toggle加上无限个parameter,比如Element.toggle(''div2'',''div3'',''div4'',...)

【基础的prototype.js常用函数及其用法】相关文章:

Prototype1.4手册

Node.js重新刷新session过期时间的方法

JavaScript函数使用的基本教程

jQuery插件制作之全局函数用法实例

javaScript中push函数用法实例分析

JavaScript的Backbone.js框架的一些使用建议整理

jQuery处理图片加载失败的常用方法

音乐播放用的的几个函数

零基础学Swift:Core Foundation框架

JavaScript中isPrototypeOf函数作用和使用实例

精品推荐
分类导航