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 相关文章推荐
jQuery 跨域访问问题解决方法
Dec 02 Javascript
删除javascript中注释语句的正则表达式
Jun 11 Javascript
jQuery表格列宽可拖拽改变且兼容firfox
Sep 03 Javascript
loading动画特效小结
Jan 22 Javascript
JavaScript中的this陷阱的最全收集并整理(没有之一)
Feb 21 Javascript
微信小程序日历组件calendar详解及实例
Jun 08 Javascript
ES6新增数据结构WeakSet的用法详解
Aug 07 Javascript
Angular实现较为复杂的表格过滤,删除功能示例
Dec 23 Javascript
jQuery实现的淡入淡出与滑入滑出效果示例
Apr 18 jQuery
vue使用Element组件时v-for循环里的表单项验证方法
Jun 28 Javascript
详解Vue一个案例引发「内容分发slot」的最全总结
Dec 02 Javascript
element 中 el-menu 组件的无限极循环思路代码详解
Apr 26 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
php实现删除空目录的方法
2015/03/16 PHP
CentOS 安装 PHP5.5+Redis+XDebug+Nginx+MySQL全纪录
2015/03/25 PHP
微信公众号开发之语音消息识别php代码
2016/08/08 PHP
TimergliderJS 一个基于jQuery的时间轴插件
2011/12/07 Javascript
JavaScript高级程序设计(第三版)学习笔记6、7章
2016/03/11 Javascript
全面介绍javascript实用技巧及单竖杠
2016/07/18 Javascript
JS短信验证码倒计时功能的实现(没有验证码,只有倒计时)
2016/10/27 Javascript
深入理解Javascript箭头函数中的this
2017/02/13 Javascript
Nodejs高扩展性的模板引擎 functmpl简介
2017/02/13 NodeJs
javascript设计模式之中介者模式学习笔记
2017/02/15 Javascript
关于Bootstrap按钮组件消除黄框的方法
2017/05/19 Javascript
微信小程序 选项卡的简单实例
2017/05/24 Javascript
Angular2学习教程之组件中的DOM操作详解
2017/05/28 Javascript
JavaScript使用Ajax上传文件的示例代码
2017/08/10 Javascript
详解ES6语法之可迭代协议和迭代器协议
2018/01/13 Javascript
JavaScript指定断点操作实例教程
2018/09/18 Javascript
Vue递归实现树形菜单方法实例
2018/11/06 Javascript
解决echarts的多个折现数据出现坐标和值对不上的问题
2018/12/28 Javascript
解决微信小程序调用moveToLocation失效问题【超简单】
2019/04/12 Javascript
jQuery zTree插件使用简单教程
2019/08/16 jQuery
小程序调用微信支付的方法
2019/09/26 Javascript
基于python脚本实现软件的注册功能(机器码+注册码机制)
2016/10/09 Python
详解PyCharm配置Anaconda的艰难心路历程
2018/08/13 Python
django项目用higcharts统计最近七天文章点击量
2019/08/17 Python
python实现发送form-data数据的方法详解
2019/09/27 Python
django 实现简单的插入视频
2020/04/07 Python
在数据文件自动增长时,自动增长是否会阻塞对文件的更新
2014/05/01 面试题
面试后感谢信怎么写
2014/02/01 职场文书
师范学院毕业生求职信
2014/06/24 职场文书
幸福家庭标语
2014/06/27 职场文书
口才训练演讲稿范文
2014/09/16 职场文书
中班教师个人总结
2015/02/05 职场文书
实习报告怎么写
2019/06/20 职场文书
springboot应用服务启动事件的监听实现
2022/04/06 Java/Android
Qt数据库应用之实现图片转pdf
2022/06/01 Java/Android
DQL数据查询语句使用示例
2022/12/24 MySQL