2.1 使用$()方法
$() 方法是在 DOM 中使用過于頻繁的 document.getElementById() 方法的一個便利的簡寫,就像這個 DOM 方法一樣,這個方法返回參數傳入的 id 的那個元素。比起 DOM 中的方法,這個更勝一籌。你可以傳入多個 id 作為參數然后 $() 返回一個帶有所有要求的元素的一個 Array 對象。
<HTML>
<HEAD>
<TITLE> Test Page </TITLE>
<script src="prototype1.4.js"></script>
<script>
function test1(){
var d=$('myDiv');
alert(d.innerHTML);
}
function test2(){
var divs=$('myDiv','myOtherDiv');
for(i=0;i<divs.length;i++){
alert(divs[i].innerHTML);
}
}</script>
</HEAD>
<BODY>
<div id="myDiv">
<p>This is a paragraph</p>
</div>
<div id="myOtherDiv">
<p>This is another paragraph</p>
</div>
<input type="button" value=Test1 onclick="test1();"><br> <input type="button" value=Test2 onclick="test2();"><br>
</BODY>
</HTML>
另外一個好處是,這個函數能傳入用 string 表示的對象 ID,也可以傳入對象本身,這樣,在建立其它能傳兩種類型的參數的函數時非常有用。
2..2使用$F()函數
$F()函數是另一個大收歡迎的“快捷鍵”,它能用于返回任何表單輸入控件的值,比如 text box,drop-down list。這個方法也能用元素 id 或元素本身做為參數。
<script>
function test3(){
alert($F('userName'));
}
</script>
<inputtype="text"id="userName"value="Joe Doe"><br>
<inputtype="button"value=Test3onclick="test3();"><br>
2.3 使用$A()函數
$A()函數能把它接收到的單個的參數轉換成一個 Array 對象。
這個方法,結合被本類庫擴展了的 Array 類,能方便的把任何的可枚舉列表轉換成或拷貝到一個 Array 對象。一個推薦的用法就是把 DOM Node Lists 轉換成一個普通的 Array 對象,從而更有效率的進行遍歷,請看下面的例子。
<script>
function showOptions(){
var someNodeList=$('lstEmployees').getElementsByTagName('option');
var nodes=$A(someNodeList);
nodes.each(function (node){
alert(node.nodeName+': '+node.innerHTML);
});
}
</script>
<selectid="lstEmployees" size="10">
<optionvalue="5">Buchanan,Steven</option>
<optionvalue="8">Callahan,Laura</option>
<optionvalue="1">Davolio,Nancy</option>
</select>
<inputtype="button"value="Show the options"onclick="showOptions();">
2.4 使用$H() 函數
$H()函數把一些對象轉換成一個可枚舉的和聯合數組類似的 Hash 對象。
<script>
function testHash()
{
//let's create the object
var a={
first:10,second:20,third:30
};
//now transform it into a hash
var h=$H(a);
alert(h.toQueryString());
//displays: first=10&second=20&third=30
}
</script>
2.5 使用$R()函數
$R()是 new ObjectRange(lowBound,upperBound,excludeBounds)的縮寫。
跳到ObjectRange 類文檔可以看到一個關于此類的完整描述. 此時,我們還是先來看一個例子以展示這個縮寫能代替哪些方法吧。其它相關的一些知識可 以在Enumerable 對象文檔中找到。
<script>
function demoDollar_R(){
var range=$R(10,20,false);
range.each(function (value,index){
alert(value);
});
}
</script>
<input type="button" value="Sample Count" onclick="demoDollar_R();" >
2.6 使用Try.these()函數
Try.these() 方法使得實現當你想調用不同的方法直到其中的一個成功正常的這種需求變得非常容易, 他把一系列的方法作為參數并且按順序的一
個一個的執行這些方法直到其中的一個成功執行,返回成功執行的那個方法的返回值。
在下面的例子中, xmlNode.text在一些瀏覽器中好用,但是xmlNode.textContent在另一些瀏覽器中正常工作。 使用 Try.these()
方法我們可以得到正常工作的那個方法的返回值。
<script>
function getXmlNodeValue(xmlNode){
return Try.these(function (){
return xmlNode.text;
},function (){
return xmlNode.textContent;
));
}
</script>