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

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'',...)

赞 (0)

相关推荐

  • 类之Prototype.js学习

    Prototype.js作为javascript的成功的开源框架,封装了很多好用的功能,虽然官方没提供什么文档,不过在google上一搜,好多相关的文档,不过在学习使用的过程中还是碰到了一些问题,希望熟悉的朋友能多加指点,对于prototype.js学习我关注这么几点,同时针对每点也讲讲学习的结果和碰到的问题,^_^    1.类的创建      prototype.js已经封装好了,这个很简单. var Person=Class.create(); 这样就创建了一个Person类,这个Pers

  • prototype.js简单实现ajax功能示例

    本文实例讲述了prototype.js简单实现ajax功能.分享给大家供大家参考,具体如下: 原本不知道prototype.js是一个框架,只当其是一个再普通不过的JS文件.随手拿着用了用,写了一个JSP页面,单纯的用prototype.js来实现AJAX效果.用了之后发现超好用,自己再也不用写那么大一堆代码了,哦耶.言归正传,还是把今天写的那个小代码发上来. 一.JSP部分 这部分的代码,最为关键的是JS部分的改变.没有采用prototype.js的时候,生成一个AJAX效果,起码得有四大段.

  • 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  取得

  • 使用prototype.js进行异步操作

    首先下载prototype.js这个类包,然后包含在你的<html>页面中 <script src='prototype.js'></script> 创建XMLHttpRequest对象并且异步的跟踪它的进程, 然后解析出响应 然后处理它可能这是ajax的根本意义,它最具威力的地方,但你能出兼容各种不同浏览器的代码,可能会令你痛苦不堪,但幸好救苦救难的prototype.js提供Ajax.Request 类,让你摆脱这些困扰. 假如你有一个应用程序可以通过url htt

  • prototype.js的Ajax对象

    我想prototype.js里的ajax对象肯定吸引了不少人,大量封装好的ajax逻辑的类,对于我们这些初学者使用ajax有很大的帮助. 以下用一个我的具体使用例子来解释:效果看这里 1. Ajax.Request 你可以这样创建它 复制代码 代码如下: var url = 'http://yoursever/your/your'; var pars = 'id=xxx'; var myAjax = new Ajax.Request(                     url,      

  • prototype 源码中文说明之 prototype.js

    /**   * 定义一个全局对象, 属性 Version 在发布的时候会替换为当前版本号   */  var Prototype = {   Version: '@@VERSION@@'  } /**   * 创建一种类型,注意其属性 create 是一个方法,返回一个构造函数.   * 一般使用如下   * var X = Class.create(); 返回一个类型,类似于 java 的一个Class实例.   * 要使用 X 类型,需继续用 new X()来获取一个实例,如同 java 的

  • 使用prototype.js 的时候应该特别注意的几个问题.

    1. String.prototype.camelize    BUG 这个方法用来返回字符串的骆驼写法.用js 控制元素的 style的时候经常使用 比如  var ss="font-color"   ss=ss.camelize()    // fontColor 通常情况下 camelize 会工作得很好,但是有一个特列,那就是浮动定位  float var ss="float"   obj.style[ss.camelize()]="right&q

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

    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'','

  • js常用函数2008-8-16整理第1/2页

    //js常用函数 更新2008-8-16 取自网络 function $(id) { return document.getElementById(id); } /************** 函数:getElementsByClassName 使用方法: 获取document内的超链接class是"info-links"的. getElementsByClassName(document, "a", "info-links"); 获取conta

  • JS回调函数简单用法示例

    JS回调函数简单用法示例

    本文实例讲述了JS回调函数简单用法.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>testCallBack.html</title> </head> <body> <

  • JS常用函数和常用技巧小结

    学习和工作的过程中总结的干货,包括常用函数.常用js技巧.常用正则表达式.git笔记等.为刚接触前端的童鞋们提供一个简单的查询的途径,也以此来缅怀我的前端学习之路. Ajax请求 jquery ajax函数 我自己封装了一个ajax的函数,代码如下: var Ajax = function(url, type success, error) { $.ajax({ url: url, type: type, dataType: 'json', timeout: 10000, success: fu

  • python常用函数与用法示例

    本文实例讲述了python常用函数与用法.分享给大家供大家参考,具体如下: 自定义函数实例 # 定义一个函数 def printme( str ): "打印任何传入的字符串" print str; return; # 使用这个函数 printme("chtml.cn"); 运行结果: chtml.cn 删除一个文件函数实例 def dellFile(pathFile): import os filename = pathFile if os.path.exist(f

  • 基于PHP常用函数的用法详解

    复制代码 代码如下: <?php//===============================时间日期===============================//y返回年最后两位,Y年四位数,m月份数字,M月份英文.d月份几号数字,D星期几英文$date=date("Y-m-d");$date=date("Y-m-d H:i:s");//带时分秒 //include,include_once.require,require_once//require

  • JS常用函数使用指南

    1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value) 6.一个小写转大

  • Python基础之字符串操作常用函数集合

    Python基础之字符串操作常用函数集合

    Python字符串常用功能汇总 1.字符串的定义 #定义空字符串>>> name=''#定义非空字符串 >>> name="luoahong"#通过下标访问 >>> name[1] 'u'#不能修改字符串的值,否则会报错 >>> name[2] = "3" Traceback (most recent call last): File "<stdin>", lin

  • js常用函数 不错

    1.常规函数 javascript常规函数包括以下9个函数: (1)alert函数:显示一个警告对话框,包括一个OK按钮. (2)confirm函数:显示一个确认对话框,包括OK.Cancel按钮. (3)escape函数:将字符转换成Unicode码. (4)eval函数:计算表达式的结果. (5)isNaN函数:测试是(true)否(false)不是一个数字. (6)parseFloat函数:将字符串转换成符点数字形式. (7)parseInt函数:将符串转换成整数数字形式(可指定几进制).

随机推荐