Prototype——基本函数

最新推荐文章于 2024-10-14 16:18:26 发布

原创最新推荐文章于 2024-10-14 16:18:26 发布 · 230 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#prototype #JavaScript #HTML #数据结构 #F# #ViewUI

本文介绍了Prototype.js中六个常用的基本函数：$()用于获取HTML元素；$A()用于转换为Array对象；$F()用于获取表单输入控件的值；$H()用于创建Hash对象；$R()用于构造ObjectRange对象；Try.these()则用于执行一系列函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>