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