如何点击每一列的时候alert其index

最新推荐文章于 2024-11-02 14:33:49 发布

weixin_34050389

最新推荐文章于 2024-11-02 14:33:49 发布

阅读量679

点赞数

文章标签： python xhtml javascript ViewUI

原文链接：https://my.oschina.net/zhangxuman/blog/739056

版权

2019独角兽企业重金招聘Python工程师标准>>>

让我写这道题，我可能会写成下面这样的代码

<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title> 
</head> 
<body>
<ul id="test"> 
<li>这是第一条</li><li>这是第二条</li><li>这是第三条</li> 
</ul>
<script type="text/javascript"> 
 window.onload = function(){
    for (var i = 0; i < lis.length; i++) {
        lis[i].onclick = function (){
            alert(i);        
        }
    }
 }
</script>
</body>
</html>

这样alert出来的是3，3，3

应该用下面这种方法

<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title> 
</head> 
<body>
<ul id="test"> 
<li>这是第一条</li><li>这是第二条</li><li>这是第三条</li> 
</ul>
<script type="text/javascript"> 
 window.onload = function(){
    var lis = document.getElementsByTagName("li");
    for (var i = 0; i < lis.length; i++) {
        lis[i].onclick = (function(x) {
            return function() {
                alert(x);
            }
        })(i);
    }
 }
</script>
</body>
</html>

这是使用了闭包。

但是我对闭包这个例子还不是太了解，希望了解的朋友能交流下

转载于:https://my.oschina.net/zhangxuman/blog/739056