Question

javascript循环变量I的问题。

var a=document.getElementsByName("img");
for(var i=0;i<a.length;i++){

a[i].onmouseover=function(){

alert(i);
}

a.length长度是为3的。当鼠标放在图片上时候，alter(i)输出结果为什么是3.我认为应该是2.

Answer 1

a【i】.onmouseover=function(){} 这个在for循环中 后面的function只在触发onmouseover这个事件才会真正的起作用，也就是说a【i】在循环定义中，只是定义了一个function的引用并没有实际取到当时的那个值。当定义的循环完毕后，实际最终的i=3，故后面的那个function 触发时候只能取到I=3这个值~！
这个是闭包的问题~！建议查看这方面的知识~！

追问

你说的很有道理。但是I怎么会取到3的。i是必须小于3的。for循环才会运行。如果等3.for循环早就退出了。

我懂了。循环完后i是=3的。

Answer 2

却实是闭包的题,可以改成这样
for(var i=0;i<a.length;i++){
(function(){
var n = i;
a[i].onmouseover=function(){
alert(n);
}})();
}