1 <!DOCTYPE HTML>
2 <html>
3 <head>
4 <meta charset="utf-8" />
5 <title>闭包演示</title>
6 <style type="text/css">
7 p {
8 background: gold;
9 }
10 </style>
11 <script type="text/javascript">
12 function init()
13 {
14 var pAry = document.getElementsByTagName("p");
15 for( var i=0; i<pAry.length; i++ )
16 {
17 //加一层闭包，返回一个函数作为响应事件
18 pAry[i].onclick =function(args)
19 {
20 return function()
21 {
22 alert(args);
23 }
24 }(i);
25 };
26 }
27 </script>
28 </head>
29 <body onLoad="init()">
30 <p>产品 0</p>
31 <p>产品 1</p>
32 <p>产品 2</p>
33 <p>产品 3</p>
34 <p>产品 4</p>
35 </body>
36 </html>
