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对象。例：

1. <script>   
2.    function showOptions(){   
3.         var someNodeList = $('lstEmployees').getElementsByTagName('option');   
4.         var nodes = $A(someNodeList);   
5.   
6.         nodes.each(function(node){   
7.                 alert(node.nodeName + ': ' + node.innerHTML);   
8.             });   
9.     }   
10. </script>  
11.   
12. "lstEmployees" size="10" >   
13.     "5">Buchanan, Steven   
14.     "8">Callahan, Laura   
15.     "1">Davolio, Nancy   
16.   
17.   
18. "button" value="Show the options" onclick="showOptions();" >   

$H()方法把对象转化成可枚举的貌似联合数组Hash对象.

1. var a = { first: 10, second: 20,  third: 30   }; //数组排列   
2. var h = $H(a);   
3. alert(h.toQueryString()); //结果: first=10&second=20&third=30   

 

$R()方法是new ObjectRange(lowBound,upperBound,excludeBouds)的缩写

可以作个试验

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

Try.these()方法

Try.these() 方法使得实现当你想调用不同的方法直到其中的一个成功正常的这种需求变得非常容易， 他把一系列的方法作为参数并且按顺序的一个一个的执行这些方法直到其中的一个成功执行，返回成功执行的那个方法的返回值。

例如下面两个方法在不同浏览器中不一定哪个起作用，所以这样：

1. function getXmlNodeValue(xmlNode){ 
2.     return Try.these( 
3.           function() {return xmlNode.text;}, 
4.           function() {return xmlNode.textContent;) 
5.     ); 
6. }