//常犯的一个错误

<button id="button1">Button1</button>

<button id="button2">Button2</button>

<button id="button3">Button3</button> 

<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);

    }

}

window.onload=buttonInit;

</script>  

//结果都是 button3!!

//这是因为，for等没有块级作用域的概念，就算是 函数，也不算是块级作用域，只能叫做为函数作用域。var i =1，相当于在函数buttonInit()里的全局变量，每次的循环，都会改变这个变量。所以i最终的结果都是3！！

//如何修改呢

function buttonInit(){

for(var i=1;i<4;i++){

var b = document.getElementById("button" + i);

(function (a)

{

b.addEventListener("click", function () { alert("Button" + a); }, false);

})(i);

  //采用自调用函数

}

}