prototype.js常用函数详解


Posted in Javascript onJune 18, 2016

函数名  解释  举例
 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  以给定频率调用一段Javascriptt  PeridicalExecutor(test, 1)"这里test是Javascriptt的函数,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”,…)

查看更多JavaScript的语法,大家可以关注:《JavaScript 参考教程》、《JavaScript代码风格指南》,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript中的变量作用域介绍
Dec 31 Javascript
JavaScript模拟实现继承的方法
Mar 30 Javascript
jquery实现美观的导航菜单鼠标提示特效代码
Sep 06 Javascript
归纳下js面向对象的几种常见写法总结
Aug 24 Javascript
JavaScript仿百度图片浏览效果
Nov 23 Javascript
浅谈JavaScript中promise的使用
Jan 11 Javascript
Router解决跨模块下的页面跳转示例
Jan 11 Javascript
vue-router实现编程式导航的代码实例
Jan 19 Javascript
vue实现固定位置显示功能
May 30 Javascript
使用js实现一个简单的滚动条过程解析
Sep 10 Javascript
原生JS实现天气预报
Jun 16 Javascript
JavaScript/TypeScript 实现并发请求控制的示例代码
Jan 18 Javascript
在Mac OS上安装使用Node.js的项目自动化构建工具Gulp
Jun 18 #Javascript
Javascript中prototype的使用详解
Jun 18 #Javascript
jQuery无刷新上传之uploadify3.1简单使用
Jun 18 #Javascript
jQuery插件uploadify实现ajax效果的图片上传
Jun 18 #Javascript
JavaScript的this关键字的理解
Jun 18 #Javascript
jquery+ajax实现直接提交表单实例分析
Jun 17 #Javascript
jQuery UI Bootstrap是什么?
Jun 17 #Javascript
You might like
15种PHP Encoder的比较
2007/03/06 PHP
PHP PDOStatement::getAttribute讲解
2019/02/01 PHP
php字符串截取函数mb_substr用法实例分析
2019/06/25 PHP
php中数组最简单的使用方法
2020/12/27 PHP
js变量以及其作用域详解
2020/07/18 Javascript
javascript常用方法汇总
2014/12/02 Javascript
node.js中的fs.lchown方法使用说明
2014/12/16 Javascript
JS实现的网页倒计时数字时钟效果
2015/03/02 Javascript
JS基于面向对象实现的放烟花效果
2015/05/07 Javascript
JavaScript中Window对象的属性及事件
2015/12/25 Javascript
Vue.js每天必学之数据双向绑定
2016/09/05 Javascript
es6学习笔记之Async函数的使用示例
2017/05/11 Javascript
JQuery 获取Dom元素的实例讲解
2017/07/08 jQuery
BootStrap Validator 根据条件在JS中添加或移除校验操作
2017/10/12 Javascript
详解NODEJS基于FFMPEG视频推流测试
2017/11/17 NodeJs
vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法
2018/03/09 Javascript
js/jQuery实现全选效果
2019/06/17 jQuery
解决vue的router组件component在import时不能使用变量问题
2020/07/26 Javascript
Python字符遍历的艺术
2008/09/06 Python
Python实现的生成格雷码功能示例
2018/01/24 Python
详解python里的命名规范
2018/07/16 Python
django主动抛出403异常的方法详解
2019/01/04 Python
numpy concatenate数组拼接方法示例介绍
2019/05/27 Python
详解Python3中setuptools、Pip安装教程
2019/06/18 Python
Python中pymysql 模块的使用详解
2019/08/12 Python
Python 转换RGB颜色值的示例代码
2019/10/13 Python
python数据处理——对pandas进行数据变频或插值实例
2020/04/22 Python
Selenium自动化测试工具使用方法汇总
2020/06/12 Python
毕业生自荐书
2013/12/18 职场文书
在校生自我鉴定
2014/01/23 职场文书
工作时间上网检讨书
2014/02/03 职场文书
英文演讲稿
2014/05/15 职场文书
社会公德演讲稿
2014/05/20 职场文书
博士生专家推荐信
2014/09/26 职场文书
2014年售票员工作总结
2014/11/19 职场文书
MySQL5.7并行复制原理及实现
2021/06/03 MySQL