`
=死神=
  • 浏览: 57057 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Prototype——基本函数

阅读更多

Prototype基本函数 

1、使用$()函数

$(String tagName): 直接获取名为tagName的HTML元素

$(String tagName1, String tagName2): 获取名为tagname1和tagName2的HTML元素数组

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>$()</title>
		<script src="JavaScript/prototype/prototype-1.6.0.2.js"
			type="text/javascript">
		</script>
		<script language="JavaScript">
			function clickHandler()
			{
				$("out").innerHTML = "$()测试";
			}
		</script>
	</head>
	<body>
		<input type="button" onclick="clickHandler()" value="测试" />
		<div id="out"></div>
	</body>
</html>

如果有两个相同的ID,$()将返回第一个HTML元素

对于IE6.0, $()不仅可以获得id属性,也可以获取name属性所对应的元素

 

2、使用$A()函数

$A()函数能把单个参数转换成一个Array对象,结合被Prototype.js扩展后的Array类,能方便地把任何可枚举列表转换成或复制到一个Array对象

$A()还可以操作字符串,它将以字符串里的每个字符作为数组元素

<script type="text/javascript">
	var array = $A("Hello World");
	for(var i=0; i < array.length; i++)
	{
		alert(array[i]);
	}
</script> 

 

 3、使用$F()函数

 $F()函数用于获取表单输入控件的值,比如:text,textArea,Select元素等等

 

4、使用$H()函数

$H()对象用于将一些对象转换成Hash对象,Hash对象是Prototype.js的一个自定义对象,它非常类似于Java语言里边的Map数据结构,由一系列的Key-value对组成。Hash对象里包含了一些方便的方法来遍历Hash对象

 

5、使用$R()函数

$R()函数是一个省略的写法,它用于构造一个ObjectRange对象。

<script language="JavaScript">
	var range = $R(10,20,false);
	range.each(function(value, index)
		{
			$("show").innerHTML += value+"<br>";
		}
	);
</script>

 

6、使用 Try.these()函数 

Try.these()函数允许传入一系列函数作为参数,如果这一系列函数都返回值,将有可能出现问题。

 

 

 

 

分享到:
评论

相关推荐

    prototype.js的系列文章

    prototype.js的系列文章——$H()函数 百度的Ajax.js文件 常用JS prototype.js的系列文章——$R()函数 prototype.js的系列文章——Ajax.Request类 prototype.js的系列文章——Ajax.Updater类 prototype.js的系列文章...

    Prototype 工具函数 学习

    $H就是建立Hash对象的便捷方法,关于Hash对象具体参考【Prototype 学习——Hash对象 】 $R就是简历ObjectRange对象的便捷方法,关于ObjectRange对象具体参考【Prototype 学习——ObjectRange对象 】 Try.these: ...

    Prototype 1.6.0.3中文参考手册chm.rar

    我英语并不是太好,并且在初期的时候,对 Prototype 的设计理念也不太熟,所以前期的文章可能错误会比较多一些, 主要集中在工具函数那一节,从 Ajax 后感觉就好多了, 虽然后面做了修订,但是已有的词句会混淆当前...

    Prototype 学习 工具函数学习($方法)

    $方法——被成为瑞士军刀$方法使用技巧。

    犀利的js 函数集合

    大部分整理修改自月影的blog 另外推荐一下月影的书——”王者归来”,如果你每周js的coding时间大于5小时,还是值得一读的。 1.函数胶水,有很多同学用jq用习惯了,有时就为一个类似于c#里的event+=delegate而用jq,...

    js数组函数拓展

    一个javascript数组的拓展脚本——包含了随机排序与按需求排列大小功能。

    js 时间函数应用加、减、比较、格式转换的示例代码

    代码如下: // JavaScript Document //————————————————— // 判断闰年 //————————————————— Date.prototype.isLeapYear = function() { return (0==this.getYear()%4&&((this....

    javascript学习笔记.docx

    6) typeof函数的返回值:数字——number,字符串——string,布尔值——Boolean,对象、数组、null——object,函数名——function或undefined(未定义时)。主要用来区别区别对象和原始类型。要区分对象的具体类型...

    AppBaseJs 类库 网上常用的javascript函数及其他js类库写的

    代码如下:/*———————————– Web Application JavaScript Library 2009.11 janchie ————————————*/ //String原生对象扩展 置空左右端空格 String.prototype.trim = function(){ return this....

    nim:用于检查节点库对象、函数实现和列表属性的命令行工具——带有语法高亮显示

    prototype . slice . call ( arguments , 0 ) ; return exports . normalize ( paths . filter ( function ( p , index ) { if ( typeof p !== 'string' ) { throw new TypeError ( 'Arguments to path.join ...

    asyncForeach:异步Foreach

    如果用户没有提供——这是他自己的错,他将收到 undefined 不是一个函数。 对于 Array 以外的任何类型,不会执行一次迭代,我们将到达 endFn。 此外,Array.prototype.forEach 接收 thisArg 作为最后一个可选参数,...

    疯狂的java讲义源码-gal-practice-lesson:gal实践课

    中使用Array.prototype.map执行基本数据转换。 假设 学生已经使用 Java、Ruby 或任何其他面向对象语言编写应用程序 2-3 年。 学生可以使用 JavaScript 定义和调用带有 0 个或多个非函数参数的函数。 我们的第一个...

    浅谈JavaScript 覆盖原型以及更改原型

    覆盖原型 //囚犯示例 //1.定义原型对象 var proto = { sentence : 4, //监禁年限 ...实例化对象——采用工厂函数实例化对象 var makePrisoner = function(name, id) { //采用工厂函数实力化对象prisone

    javascript关于继承的用法汇总

    本文实例汇总了javascript关于继承的用法。分享给大家供大家参考。具体如下: 例子: 代码如下:/** * 实现子类继承父类,但不会产生多余的属性和方法 ...//—————————————————————————— d

    js使用Array.prototype.sort()对数组对象排序的方法

    sort方法接受一个参数——Function,function会提供两个参数,分别是两个进行比较的元素,如果元素是String类型则通过Unicode code进行比较,如果是Number类型则比较值的大小。如果比较的函数中返回1则两个元素交换...

    面向对象——操作符

    判断一个实例对象 是否是某个函数的实例 语法: 对象名 instanceof 函数名 代码示例: function Animal(){ this.name = join; } Animal.prototype.sex = 男; Animal.prototype.eat = function(){ ...

    JavaScript详解(第2版)

     3.1.1 基本数据类型   3.1.2 复合数据类型   3.2 变量   3.2.1 有效变量名   3.2.2 声明和初始化变量   3.2.3 动态或宽松类型语言   3.2.4 变量作用域   3.2.5 变量的拼接   3.3 常量  ...

    不用构造函数(Constructor)new关键字也能实现JavaScript的面向对象

    之所以不被人所熟知,原因之一就是JavaScript是这些被人广泛使用的语言中唯一一个通过原型(prototype)来实现继承的。但是,我认为另一个原因就是这种对象模型非常复杂,难于解释。它为什么这么复杂并且又令人困惑呢...

    用js实现trim()的解决办法

    ———————————-js去空格———————————-去除字符串左右两端的空格,在vbscript里面可以轻松地使用 trim、ltrim 或 rtrim,但在js中却没有这3个内置方法,需要手工编写。下面的实现方法是用到了正则...

Global site tag (gtag.js) - Google Analytics