prototype.js學習筆記一--共通的方法

摘自prototype.js開發者手冊1.4版

1.簡介

prototype.js 是一個由Sam Stephenson寫的JavaScript包。這個構思奇妙編寫良好的一段兼容標準的一段代碼將承擔創造胖客戶端， 高交互性WEB應用程序的重擔。輕鬆加入Web 2.0特性。

2.通用方法

$() 方法是在DOM中使用過於頻繁的 document.getElementById() 方法的一個便利的簡寫,如：$('myDiv');

$F()方法返回任何輸入表單控件的值，如文本框或下拉框。 這個方法可以傳入元素的id或者元素自己。如：alert(  $F('userName')  );

$A()方法把接收到的參數轉換成一個Array對象。例：

<script>
   function showOptions(){
        var someNodeList = $('lstEmployees').getElementsByTagName('option');
        var nodes = $A(someNodeList);

        nodes.each(function(node){
                alert(node.nodeName + ': ' + node.innerHTML);
            });
    }
</script>

"lstEmployees" size="10" >
    "5">Buchanan, Steven
    "8">Callahan, Laura
    "1">Davolio, Nancy


"button" value="Show the options" οnclick="showOptions();" >

$H()方法把對象轉化成可枚舉的貌似聯合數組Hash對象.

var a = { first: 10, second: 20,  third: 30   }; //數組排列
var h = $H(a);
alert(h.toQueryString()); //結果: first=10&second=20&third=30

 

$R()方法是new ObjectRange(lowBound,upperBound,excludeBouds)的縮寫

可以作個試驗

<script> function demoDollar_R(){ var range = $R(10, 20, false); range.each(function(value, index){ alert(value); }); } </script>

Try.these()方法

Try.these() 方法使得實現當你想調用不同的方法直到其中的一個成功正常的這種需求變得非常容易， 他把一系列的方法作爲參數並且按順序的一個一個的執行這些方法直到其中的一個成功執行，返回成功執行的那個方法的返回值。

例如下面兩個方法在不同瀏覽器中不一定哪個起作用，所以這樣：

function getXmlNodeValue(xmlNode){
    return Try.these(
          function() {return xmlNode.text;},
          function() {return xmlNode.textContent;)
    );
}