基础的prototype.js常用函数及其用法


Posted in Javascript onMarch 10, 2007

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>) 就可以了 . 例如 : 
<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 相关文章推荐
jquery一句话全选/取消全选
Mar 01 Javascript
jquery进行数组遍历如何跳出当前的each循环
Jun 05 Javascript
Markdown与Bootstrap相结合实现图片自适应属性
May 04 Javascript
vue bootstrap小例子一枚
Jun 09 Javascript
微信小程序实现根据字母选择城市功能
Aug 16 Javascript
vue实现全选和反选功能
Aug 31 Javascript
axios全局请求参数设置,请求及返回拦截器的方法
Mar 05 Javascript
详解几十行代码实现一个vue的状态管理
Jan 28 Javascript
微信小程序访问豆瓣电影api的实现方法
Mar 31 Javascript
浅谈发布订阅模式与观察者模式
Apr 09 Javascript
JavaScript中的ES6 Proxy的具体使用
Jun 16 Javascript
js面向对象之实现淘宝放大镜
Jan 15 Javascript
优秀js开源框架-jQuery使用手册(1)
Mar 10 #Javascript
用JavaScript实现仿Windows关机效果
Mar 10 #Javascript
Javascript中的Split使用方法与技巧
Mar 09 #Javascript
用JavaScript事件串连执行多个处理过程的方法
Mar 09 #Javascript
一个不错的用JavaScript实现的UBB编码函数
Mar 09 #Javascript
B/S开发中常用javaScript技术与代码
Mar 09 #Javascript
在线编辑器的实现原理(兼容IE和FireFox)
Mar 09 #Javascript
You might like
漫威DC即将合作联动,而双方早已经秘密开始
2020/04/09 欧美动漫
一个用于mysql的数据库抽象层函数库
2006/10/09 PHP
discuz的php防止sql注入函数
2011/01/17 PHP
深入理解用mysql_fetch_row()以数组的形式返回查询结果
2013/06/05 PHP
php上传文件并存储到mysql数据库的方法
2015/03/16 PHP
PHP递归遍历多维数组实现无限分类的方法
2016/05/06 PHP
javascript取消文本选定的实现代码
2010/11/14 Javascript
JS获取url链接字符串 location.href
2013/12/23 Javascript
js四舍五入数学函数round使用实例
2014/05/09 Javascript
jQuery实现的原图对比窗帘效果
2014/06/15 Javascript
bootstrap改变按钮加载状态
2014/12/01 Javascript
jQuery中dom元素上绑定的事件详解
2015/04/24 Javascript
JS模仿编辑器实时改变文本框宽度和高度大小的方法
2015/08/17 Javascript
JavaScript中的prototype原型学习指南
2016/05/09 Javascript
微信小程序 石头剪刀布实例代码
2017/01/04 Javascript
轻量级JS Cookie插件js-cookie的使用方法
2018/03/22 Javascript
element vue Array数组和Map对象的添加与删除操作
2018/11/14 Javascript
JavaScript模板引擎应用场景及实现原理详解
2018/12/14 Javascript
仿iPhone通讯录制作小程序自定义选择组件的实现
2019/05/23 Javascript
Python批量重命名同一文件夹下文件的方法
2015/05/25 Python
Python脚本实现12306火车票查询系统
2016/09/30 Python
python里使用正则的findall函数的实例详解
2017/10/19 Python
Python实现感知机(PLA)算法
2017/12/20 Python
Python对象与引用的介绍
2019/01/24 Python
PyCharm+Qt Designer+PyUIC安装配置教程详解
2019/06/13 Python
python之pexpect实现自动交互的例子
2019/07/25 Python
python应用Axes3D绘图(批量梯度下降算法)
2020/03/25 Python
python 实现分组求和与分组累加求和代码
2020/05/18 Python
25个CSS3动画按钮和菜单教程分享
2012/10/03 HTML / CSS
在HTML5中如何使用CSS建立不可选的文字
2014/10/17 HTML / CSS
html5视频自动横过来自适应页面且点击播放功能的实现
2020/06/03 HTML / CSS
您的时尚,您的生活方式:DTLR Villa
2019/12/25 全球购物
模具设计与制造专业应届生求职信
2013/10/18 职场文书
艺术应用与设计专业个人的自我评价
2013/11/19 职场文书
会计学个人自荐信模板
2013/12/13 职场文书
教师学习十八届五中全会精神心得体会
2016/01/05 职场文书