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>