Prototype.js 1.5推出了

苦瓜汤

如果你还不知道prototype.js这个冬冬的存在，你一定要看看。Prototype.js是一个javascript framework，利用它来编写你的js程式码，将会事半功倍。Prototype.js强化了js的许多类型，包括DOM Element,Array,String,Number,Enumerable,class等等，还加入了Ajax物件。还有，如果你接触过Ruby的话，你会惊喜地发现编写Javascript就好像在编写Ruby这样，程式码可以很简捷。来看看下面的例子：

1. 
   
2. <#String>
   
3. 
   
4. 
   
5. "chinese-cari".camelize(); -> "chineseCari"
   
6. 
   
7. "<script>4+2</script>".evalScript(); -> [6]
   
8. 
   
9. "Hello World!".gsub("!"," Cari!"); -> "Hello World Cari!"
   
10. 
    
11. <#Array>
    
12. 
    
13. ["david","alan","bill","steve"].each(function(name){
    
14.   alert(name);
    
15. });
    
16. 
    
17. ["dave",["david","alan",["alan"]],"Lawrence"].flatten(); ->["dave","david","alan","alan","Lawrence"]
    
18. 
    
19. <#Hash>
    
20. 
    
21. var myHash = new Hash({
    
22. name:"Michael",
    
23. occupation:"Doctor",
    
24. age:13
    
25. });
    
26. 
    
27. myHash["name"]; -> "Michael"
    
28. 
    
29. myHash.keys(); ->["name","occupation","age"]
    
30. 
    
31. myHash.toQueryString(); -> "name=Michael&occupation=Doctor&age=13"
    
32. 
    
33. <Function>
    
34. //binding object function
    
35. var obj = {
    
36.   name:"David",
    
37.   fx:function(){
    
38.      alert(this.name+", "+arguments[0]);
    
39.   }
    
40. }
    
41. 
    
42. var fx2 = obj.fx.bind(obj);
    
43. fx2("Nice to meet you!"); -> "David, Nice to meet you!"
    
44. 
    
45. <Element>
    
46. 
    
47. $('test') equivalent to document.getElementById('test')
    
48. 
    
49. $('special') <-- css class element collector. get all element with class name 'special'
    
50. 
    
51. $A($('special')) <-- cast the element collection into Enumerable, can access to most of the enumerable methods
    
52. 
    
53. ["div1","div2","div3"].each(Element.hide); <-- set the style of display to "none" of all the elements with id in the array
    
54. 
    
55. <Ajax!!>
    
56. 
    
57. URL = 'http://www.google.com/search?q=Prototype';
    
58. new Ajax.Request('/proxy?url=' + encodeURIComponent(URL), {
    
59.   method: 'get',
    
60.   onSuccess: function(transport) {
    
61.     var notice = $('notice');
    
62.     if (transport.responseText.match(/<a class=l href="http:\/\/prototypejs.org/))
    
63.       notice.update('Yeah!  You are in the Top 10!').setStyle({ background: '#dfd' });
    
64.     else
    
65.       notice.update('Damn!  You are beyond #10...').setStyle({ background: '#fdd' });
    
66.   }
    
67. });
    

复制代码

更多说明，参考prototype.js的API Doc

http://prototypejs.org/api/

红发

好像很少人董。

我也不懂有这样好的东西

等下去看看

吃饭先