最近的項(xiàng)目使用了Prototype。
基本不用在頁面寫諸如onclick=***的代碼了,在js最后綁定上body onload,然后把控件和事件的綁定統(tǒng)一寫到body onload中。這樣頁面代碼干凈了不少,事件也能夠得到統(tǒng)一管理,蠻優(yōu)雅的。
但有一種情況還不知道如何綁定,略有遺憾:<input type="submit" onclick="return methodname()">
最后寫一個(gè)小例子:
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>