美文网首页
闭包多个按钮点击小例子

闭包多个按钮点击小例子

作者: 终极菜鸟_424b | 来源:发表于2019-03-01 17:55 被阅读0次

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>用闭包来解决的问题:利用函数垫了一层作用域</title>

</head>

<body>

    <input type="button" value="按钮1">

    <input type="button" value="按钮2">

    <input type="button" value="按钮3">

</body>

<script>    window.onload=function(){

        var aBtn=document.getElementsByTagName('input');

        for(var i=0;i<aBtn.length;i++){

            (function(i){

                aBtn[i].onclick=function(){

                    alert(i);//0 1 2

                };

            })(i);

        }

    }

</script>

</html>

相关文章

  • 闭包多个按钮点击小例子

    用闭包来解决的问题:利用函数垫了一层作用域 window...

  • React Hook 与Class的一些对比

    1、值捕获 造成数据不一致 异常 闭包内部变量为值捕获。如例子,点击按钮,设置age为1,调用request方法,...

  • 简述闭包

    闭包是指可以包含未声明名字的代码块,例子:for循环里绑定点击事件想让每个标签保留序号,我们使用闭包把点击事件包起...

  • Unity_新手必懂知识点|匿名函数lambda表达式等函数嵌套

    翻车了!!!一个小例子带你了解闭包。 事故现场: 场景:6个button,上方1个text。点击button,te...

  • 闭包(closure)

    ● 闭包基础 ● 闭包作用 ● 闭包经典例子 ● 闭包应用 ● 闭包缺点 ● 参考资料 1、闭包基础 作用域和作...

  • iOS内存泄漏易错点

    问题 记录一个内存泄漏的案例,闭包引用自己或者多个对象,导致对象无法正常销毁,从而导致内存泄漏。 上面例子的闭包中...

  • js四种获取按钮下标的方法

    四种获取下标的方法 想要获取当前按钮对应的下标,获取点击按钮: 使用属性存储下标 使用forEach便利 使用闭包解决

  • JS基础学习:操作DOM案例

    点击按钮显示图片 点击按钮修改a标签的地址和热点文字 点击按钮修改p标签的内容 点击按钮修改多个p标签的文字 点击...

  • element-ui中table expand展开行控制显示隐藏

    效果: 1、不点击小箭头,点击其他列中的某个按钮展开行内容。-通过toggleRowExpansion方法展开合闭...

  • 闭包和装饰器

    一、闭包 什么是闭包?在了解这个概念之前,我们先来看一个小例子。 上面的例子中,我们看到有一个外部函数,内部定义了...

网友评论

      本文标题:闭包多个按钮点击小例子

      本文链接:https://www.haomeiwen.com/subject/agkjuqtx.html