有3个按钮，我们给每个按钮添加点击事件，希望每次点击时输出当前点击的是第几个按钮，但是目前不论点击哪个按钮，最终输出的都是4。把下面的代码改正，实现我们要求的功能。效果图如下：

最新推荐文章于 2024-03-26 11:15:27 发布

程序员Syoyu

最新推荐文章于 2024-03-26 11:15:27 发布

阅读量995

点赞数 2

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_42545469/article/details/104622902

版权

javascript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

有3个按钮，我们给每个按钮添加点击事件，希望每次点击时输出当前点击的是第几个按钮，但是目前不论点击哪个按钮，最终输出的都是4。把下面的代码改正，实现我们要求的功能。效果图如下：

在这里插入图片描述
（1）单击方法导致的循环问题。提示：单击方法在循环外面定义
（2）在循环中调用，并将被点的按钮的型号传进去
提示：每次进入一个新的作用域，都会创建一个用于搜索变量和函数的作用域链，搜索的顺序是沿着作用域链从当前作用域向外层作用域查找，直到全局作用域为止


```javascript
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<title>变量、作用域</title>
    
</head>
<body>
	<button>1</button>
	<button>2</button>
	<button>3</button>
    <script type="text/javascript">
  //   var btns = document.getElementsByTagName('button');
 //          for (var i = 0; i < 3; i++) {
 //           	btns[i].onclick = function () {
 //		    	alert(this.innerHTML);
 	    	};
	   }
//在此处修改代码
    var btns = document.getElementsByTagName('button');
    for(var i = 0,len = button.length;i < len;i++){
        myChange(i);
    }   
    function myChange(i) {
        btns[i].onclick = function() {
            alert(i+1);
        }
    }
    </script>
</body>
</html>

程序员Syoyu

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
有3个按钮，我们给每个按钮添加点击事件，希望每次点击时输出当前点击的是第几个按钮，但是目前不论点击哪个按钮，最终输出的都是4。把下面的代码改正，实现我们要求的功能。效果图如下：

有3个按钮，我们给每个按钮添加点击事件，希望每次点击时输出当前点击的是第几个按钮，但是目前不论点击哪个按钮，最终输出的都是4。把下面的代码改正，实现我们要求的功能。效果图如下：（1）单击方法导致的循环问题。提示：单击方法在循环外面定义（2）在循环中调用，并将被点的按钮的型号传进去提示：每次进入一个新的作用域，都会创建一个用于搜索变量和函数的作用域链，搜索的顺序是沿着作用域链从当前作用域...
复制链接

扫一扫