|
|
 <HTML>
<HEAD>
<TITLE>$A $F $H $R $w $</TITLE>
<script src="prototype.js" type="text/javascript"></script>
  <script>
 //$A(iterable) 里面传一个可迭代的任意类型集合 --> 转换为Array
function test$A()
  {
//返回一个NodeList
var texts = document.getElementsByTagName("input");
//用$A方法将其强制转换为Array
var arr = $A(texts);
//遍历隐藏所有元素
arr.each(Element.hide);
//显示最后一个input元素
$(arr.last()).show();
 }
//$F("id") 方便得到form中某一控件的值
function form$F()
{
//注意$F直接返回form中控件的值,而不是对象
alert($F("username"));
}
//$H 方便得将一个对象转换为Hash类
function test$H()
{
var arr = {name:"admin",age:22,sex:"male"};
var hash = $H(arr);
//迭代输出,h 是每一个对象
hash.each(function(h)
{
alert(h.key + ' = "' + h.value + '"');
}
);
}
//#R 方便的创建一个ObjectRange对象,表示在一定范围的对象(当然可以是数字或字母)
function test$R()
{
//默认就是false
var range = $R(1,3,false);
range.each(
function(value,index)
{
alert(value);
}
);
//不包括d
var range2 = $R("a","d",true);
range2.each(function(value,index)
{
alert(value);
});
}
//$w将一个字符串分隔为数组,分隔符为空格
function test$w()
{
var arr = $w("zdw shy xiaojiao");
arr.each(function(value,index)
{
alert(value);
});
}
//$(id | element)得到一个dom对象根据id标识
function test$()
{
alert($('username').value);
}
//$(id | element)得到一个dom对象根据id标识,可传入多个
function test$2()
{
var arr = $('username','city');
arr.each(function(obj,index)
{
alert(obj.value);
});
 }
</script>
</HEAD>
<BODY>
<input type="text" value="北京" />
<input type="text" value="上海" />
<input type="text" value="天津" id="city" />
<br />
<button onclick="test$A();">测试</button>
<br />
<form action="#" >
<input type="text" id="username" value="admin" /> <br />
<input type="button" value="得到form控件值" onclick="form$F();"/>
</form>
<br />
<input type="button" value="$H 测试" onclick="test$H();"/>
<input type="button" value="$R 测试" onclick="test$R();"/>
<input type="button" value="$w 测试" onclick="test$w();"/>
<input type="button" value="$ 测试" onclick="test$();"/>
<input type="button" value="$ 测试2" onclick="test$2();"/>
</BODY>
</HTML>
|