JavaScript中需要注意for循环中的i

海鲜king

已于 2022-05-07 15:14:21 修改

阅读量2k

点赞数

文章标签： javascript

于 2022-03-25 23:18:53 首次发布

本文为博主原创文章，未经博主允许不得转载。如有问题，欢迎指正！

本文链接：https://blog.youkuaiyun.com/m0_46130595/article/details/123747217

版权

	JavaScript中的for循环会在页面加载完成之后立即执行，而响应函数会在超链接被点击时才执行
	当响应函数执行时，for循环早已执行完毕
	因此，响应函数里面输出的i全部都等于allA[i].length，而不是超链接对应的i
	
	例子如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        window.onload = function () {
            var allA=document.getElementsByTagName("a");
            for(var i=0;i<allA.length;i++){
                // 响应函数
                allA[i].onclick=function(){
                    alert(i);//i全部等于3
                }
            }
        };
    </script>
</head>

<body>
    <a href="#">超链接1</a><br>
    <a href="#">超链接2</a><br>
    <a href="#">超链接3</a>
</body>

</html>