Js作用域与作用域链详解

http://blog.csdn.net/yueguanghaidao/article/details/9568071

其中第三点:要把每个按钮都设置相应的按钮时间

代码如下:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript"> function buttonInit(){ // for(var i=1;i<4;i++){ // var b=document.getElementById("button"+i); // b.addEventListener("click",function(){ alert("Button"+i);},false); // } for (var i = 1; i < 4; i++) { (function (i) { var b = document.getElementById("button" + i); b.addEventListener("click", function () { alert("Button" + i); }, false); })(i); } } window.onload=buttonInit; </script>
</head>
<body>
<button id="button1">Button1</button>
<button id="button2">Button2</button>
<button id="button3">Button3</button>
</body>
</html>

Js作用域与作用域链详解_第1张图片

你可能感兴趣的:(JavaScript,作用域,作用域链)