最近的项目使用了Prototype。
基本不用在页面写诸如onclick=***的代码了，在js最后绑定上body onload，然后把控件和事件的绑定统一写到body onload中。这样页面代码干净了不少，事件也能够得到统一管理，蛮优雅的。
但有一种情况还不知道如何绑定，略有遗憾：<input type="submit" onclick="return methodname()">
最后写一个小例子：
1 <html>
2 <head>
3 <title>prototype test</title>
4 <script type="text/javascript" src="prototype.js" ></script>
5 <script type="text/javascript">
6 //alert(Event.observe);
7 function addObserve(){
8 Event.observe($("button1"),"click",funButton1);
9 alert("added!");
10 }
11
12 function delObserve(){
13 Event.stopObserving($("button1"),"click",funButton1);
14 alert("deleted!");
15 }
16
17 function funButton1(){
18 alert("Hello World!");
19 }
20 </script>
21 </head>
22 <body>
23 <input type="button" id="button1" value="I'm a button"/><hr>
24
25 <input type="button" id="addEvent" value="addEvent" onclick="addObserve()" /><br>
26 <input type="button" id="delObserve" value="delObserve" onclick="delObserve()" />
27 </body>
28 </html>