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 相关文章推荐
URL地址中的#符号使用说明
Feb 12 Javascript
jQuery数据缓存功能的实现思路及简单模拟
May 27 Javascript
JS模拟实现Select效果代码
Sep 24 Javascript
JS+CSS实现大气清新的滑动菜单效果代码
Oct 22 Javascript
Angularjs中controller的三种写法分享
Sep 21 Javascript
js return返回多个值,通过对象的属性访问方法
Feb 21 Javascript
bootstrap表格内容过长时用省略号表示的解决方法
Nov 21 Javascript
360doc网站不登录就无法复制内容的解决方法
Jan 27 Javascript
基于iview的router常用控制方式
May 30 Javascript
JS实现简易计算器
Feb 14 Javascript
Vue + ts实现轮播插件的示例
Nov 10 Javascript
JS前端轻量fabric.js系列物体基类
Aug 05 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用户注册时常用的检验函数实例总结
2014/12/22 PHP
PHP正则表达式入门教程(推荐)
2016/05/18 PHP
php使用gd2绘制基本图形示例(直线、圆、正方形)
2017/02/15 PHP
php workerman定时任务的实现代码
2018/12/23 PHP
用javascript实现分割提取页面所需内容
2007/05/09 Javascript
js函数使用技巧之 setTimeout(function(){},0)
2009/02/09 Javascript
解决遍历时Array.indexOf产生的性能问题
2012/07/03 Javascript
js中settimeout方法加参数的使用实例
2014/02/27 Javascript
javascript中expression的用法整理
2014/05/13 Javascript
JavaScript使用function定义对象并调用的方法
2015/03/23 Javascript
AngularJS自动表单验证
2016/02/01 Javascript
使用jquery.form.js实现图片上传的方法
2016/05/05 Javascript
深入理解jQuery()方法的构建原理
2016/12/05 Javascript
JavaScript中使用参数个数实现重载功能
2017/09/01 Javascript
angular5 子组件监听父组件传入值的变化方法
2018/09/30 Javascript
el-input 标签中密码的显示和隐藏功能的实例代码
2019/07/19 Javascript
p5.js码绘“跳动的小正方形”的实现代码
2019/10/22 Javascript
js实现圆形显示鼠标单击位置
2020/02/11 Javascript
python每次处理固定个数的字符的方法总结
2013/01/29 Python
解决Tensorflow使用pip安装后没有model目录的问题
2018/06/13 Python
在python中实现强制关闭线程的示例
2019/01/22 Python
解决jupyter notebook import error但是命令提示符import正常的问题
2020/04/15 Python
Keras模型转成tensorflow的.pb操作
2020/07/06 Python
python归并排序算法过程实例讲解
2020/11/04 Python
西班牙土拨鼠床垫公司,感觉在云端:Marmota
2019/03/18 全球购物
MyHeritage美国:家族史研究和DNA测试的领先服务
2019/05/27 全球购物
WEB控件及HTML服务端控件能否调用客户端方法?如果能,请解释如何调用?
2015/08/25 面试题
销售自我评价
2013/10/22 职场文书
党员的自我评价范文
2014/01/02 职场文书
遗嘱公证书标准样本
2014/04/08 职场文书
装饰公司活动策划方案
2014/08/23 职场文书
普通党员自我剖析材料
2014/10/07 职场文书
骨干教师事迹材料
2014/12/17 职场文书
一年级语文下册复习计划
2015/01/17 职场文书
2016年村干部公开承诺书(公开承诺事项)
2016/03/25 职场文书
pytorch实现ResNet结构的实例代码
2021/05/17 Python