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>)就可以了.例如:
<pre><DIV id="div1"><a href="#" onclick="new Element.toggle('div2')">Click Me</a></DIV>
<DIV id="div2">Hello!</DIV>pr e>
当点击Click Me的时候,div2就会交替隐藏或显示.注意,你可以给toggle加上无限个parameter,比如Element.toggle(''div2'',''div3'',''div4'',...)
分享到：
相关推荐
里面有js一般常用的函数以及使用方法说明
基础的prototype.js常用函数及其用法
prototype.js的系列文章——$H()函数 百度的Ajax.js文件 常用JS prototype.js的系列文章——$R()函数 prototype.js的系列文章——Ajax.Request类 prototype.js的系列文章——Ajax.Updater类 prototype.js的系列文章...
本文主要介绍prototype.js中各个函数的用法，希望能帮到大家，有需要的朋友可以参考一下。
Underscore 是一个JavaScript实用库,提供了类似Prototype.js的一些功能,但是没有继承任何JavaScript内置对象。它弥补了部分jQuery没有实现的功能,同时又是Backbone.js必不可少的部分。 Underscore提供了80多个函数,...
本文实例总结了JavaScript常用工具函数。分享给大家供大家参考，具体如下： 为元素添加on方法 Element.prototype.on = Element.prototype.addEventListener; NodeList.prototype.on = function (event, fn) {、 []...
基于prototype扩展的JavaScript常用函数库实现代码，学习js的朋友可以参考下。
String对象的扩展函数： String.prototype.trim = function() { return this.replace(/^\s+|\s+$/g,); } String.prototype.ltrim = function() { return this.replace(/^\s+/g,); } String.prototype.rtrim = ...
JavaScript 1. type 类型判断 isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8, -1) === 'String' } isNumber (o) { //是否数字 return Object.prototype.toString.call(o).slice...
这已经是很常用的技巧了,虽然可读性差点:你通过一个对象实例访问到了Array.prototype上的方法.但是,这样的访问方式在现代的JavaScript引擎中非常之快,以至于我怀疑,说不定在这种调用方式下,这些JavaScript引擎可能...
代码如下:/*———————————– Web Application JavaScript Library 2009.11 janchie ————————————*/ //String原生对象扩展 置空左右端空格 String.prototype.trim = function(){ return this....
String.prototype.repeat = function(n) { return new Array(n+1).join(this); } // 替换全部 String.prototype.replaceAll = function(str1, str2) { return this.replace(new RegExp(str1, "gm"), str2); } // ...
JavaScript 1. type 类型判断 isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8, -1) === 'String' } isNumber (o) { //是否数字 return Object.prototype.toString.call(o).slice...
JavaScript中几乎每个对象都有一个 ... 这里贴出代码,希望和大家一起学习,一起完善,改进这个函数. 说句题外话,用 Vim写程序,可不是一般的爽啊. 我表达能力有限,只能用 “爱不释手” 来表达我对 Vim 的爱 http
dy-js-tools安装npm i dy-js-tools -S兼容性在vue.config.js里面加入...module.exports = { ..., transpileDependencies: ['dy-js-tools'], // 默认babel-loader忽略node_modules，这里可增加例外的依赖包名 ...｝...
文章主要内容列表： 16、 除去数组重复项 17、 操作cookie 18、 判断浏览器类型 19、 判断是否开启cookie 20、 断是否开启JavaScript 21、 JavaScript 打字机效果 22、 简单打印 ...Array.prototype.re
今天看了曾探的javascript设计模式，里面特别谈到了this在不同情况下指代的对象，非常有意思。 this指代的情况 this有以下4种情况： 1、对象.函数的形式调用：object.function(); 2、普通函数的形式调用：function...