您的位置:首页 > 其它

for 循环里面事件函数的i值

2013-11-19 10:57 218 查看
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
window.onload=function(){
var aP=document.getElementsByTagName("p");
for(var i=0; i<aP.length; i++){
aP[i].onclick=function(){
console.log(i);//i=4
/*我的理解:
预解析:aP=undefined; i=undefined
执行:aP=document.getElementsByTagName("p")
第一次遇到表达式i=0,赋值;判断i<aP.length;执行块里面的function,里面没有i往上级找,此时i=0,应该i=0。。。
第一次遇到表达式i=0,赋值;判断i<aP.length;并没有去执行块里面的function,当click的时候才去执行,
*       否则,如果立即执行,点击的时候就失效了,当点击的时候,此时循环已经执行完了。往上一级找的时候,此时i=aP.length;
*
* */
}
a(i); //这种是立即执行的,所以查找的时候i是当前的值;
function a(a){
alert(a);
}
}
}

</script>
</head>
<body>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: