您的位置:首页 > Web前端 > JavaScript

Js作用域与作用域链详解

2015-10-18 13:57 531 查看
/article/1588486.html

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

代码如下:

<!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>


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: