dom啦循环索引同步练习

最新推荐文章于 2022-07-23 20:53:36 发布

贵哥的编程之路(热爱分享)

最新推荐文章于 2022-07-23 20:53:36 发布

阅读量638

点赞数 1

分类专栏： JSDOM

本文链接：https://blog.csdn.net/qq_37805832/article/details/108458725

版权

JSDOM 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
<button>我是按钮1</button>
<button>我是按钮2</button>
<button>我是按钮3</button>
<script type="text/javascript">
	/* for(var i = 0; i < 3; i++){ // 0 1 2 3
        function test() {
            console.log(i); // 3
        }
    }//先执行完这个循环完在执行test函数.
    test();*/
    /*let oBtns = document.querySelectorAll("button");
    for(var i=0;i<oBtns.length;i++)
    {
    	let btn=oBtns[i];
    	btn.οnclick=function()//先执行完循环再执行函数
    	{
    		 console.log(i);
    	}
    }*/
    /*for(var i=0;i<3;i++)
    {
    	(function test(index)
    		{
  console.log(index);
    		})(i);
    }*/
   var oBtns = document.querySelectorAll("button");
    for(var i = 0; i < oBtns.length; i++) {
        let btn = oBtns[i];
        (function test(index) { // var index = i;
            // console.log(index); // 0 1 2
            // 注意点: onclick对应的方法由于满足了闭包的条件, 所以onclick对应的方法也是一个闭包
            btn.onclick = function () {
                console.log(index);
            }
        })(i);
    }
</script>
</body>
</html>

核心：为什么有012，因为不会释放，找对应的值就行了

贵哥的编程之路(热爱分享)

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
1
评论
dom啦循环索引同步练习

<!DOCTYPE html><html><head> <title></title></head><body><button>我是按钮1</button><button>我是按钮2</button><button>我是按钮3</button><script type="text/javascript"> /* for(v
复制链接

扫一扫