JS经典

作者: osoLife | 来源:发表于2017-07-04 07:00 被阅读0次

实例一

<input type="button" name="" value="0">
<input type="button" name="" value="1">
<input type="button" name="" value="2">
<input type="button" name="" value="3">
<input type="button" name="" value="4">
<script>
    var btn=document.querySelectorAll('input');
    for(var i=0;i<btn.length;i++) {
        (function(i){
            btn[i].onclick=function() {
                console.log(btn[i].value);
            }
        })(i)           
    }
    console.log(i); 
</script>

<!--使用let改写上面的代码-->
<input type="button" name="" value="0">
<input type="button" name="" value="1">
<input type="button" name="" value="2">
<input type="button" name="" value="3">
<input type="button" name="" value="4">
<script>
    var btn=document.querySelectorAll('input');
    for(let i=0;i<btn.length;i++) {
        btn[i].onclick=function() {
            console.log(btn[i].value);
        }   
    }
    // console.log(i);  // 报错
</script>

相关文章

  • JS经典

    实例一

  • js经典题目

    1闭包 链接:学习Javascript闭包(Closure) setTimeout在js单线程中只是放在队列中并未...

  • JS经典案例

    1.利用焦点实现选择网站 document.getElementById("1").focus(); -->为a...

  • JS经典方法

    快速排序法 快速排序是一种非常经典高效的排序算法,时间复杂度为O(nlog2n),2为底数,其内部循环架构效率很高...

  • Node.js的读书笔记

    书单阅读:《Node.js开发指南》《Node.js入门经典》《Node与Express开发》《Node即学即用....

  • Node.js开发:MongoDB安装

    -- 《Node.js入门经典》,由George Ornbo创作,是一本极好的Node.js入门读物。本文为读该书...

  • Node.js开发:MongoDB使用 CRUD

    -- 《Node.js入门经典》,由George Ornbo创作,是一本极好的Node.js入门读物。本文为读该书...

  • Node.js认知 【读Node.js入门经典 笔记】

    -- 《Node.js入门经典》,由George Ornbo创作,是一本极好的Node.js入门读物。本文为读该书...

  • 【IMWeb秋招训练营】【Day10】面试题总结

    经典面试题 37.哪些地方会出现css阻塞,哪些地方会出现js阻塞? js的阻塞特性所有浏览器在下载JS的时候,会...

  • JS经典笔试题

    原文来自知乎:求职 | 听说集齐了这些Js题,笔试都不怕了呢!,读完以后累觉不爱,过几天还有面试,我真是越挫越勇了...

网友评论

      本文标题:JS经典

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