zoukankan      html  css  js  c++  java
  • JavaScript关于不要复制黏贴代码的心得

    功能描述:

    JavaScript实现点击行变黄色,其他行变白色。

    程序思路:

    方法一:遍历每一行判断是否是点击行,如果是就直接设置为黄色,不是则设置为白色;

    方法二:遍历每一行全部设置为白色,末了用this直接设置点击行为白色;

    方法二正确源程序如下:

        <script type="text/javascript">
            function initEvent() {

                var texts = document.getElementsByTagName("tr");
                for (var i = 0; i < texts.length; i++) {
                    texts[i].onclick = textOnClick;
                    texts[i].style.cursor = "pointer";
                }
            }

            function textOnClick() {

                var texts = document.getElementsByTagName("tr");
                for (var i = 0; i < texts.length; i++) {
                    texts[i].style.background = "white";
                }
                this.style.background = "yellow";
            }
     </script>

    心得体会:

    函数initEvent()中for循环中i<texts.length写成i<=texts.length;函数textOnClick()中直接复制上面的for循环,导致两个地方出错;花费了二十几分钟才解决问题

    首先,调试功能不太熟练,查找Bug在停留在个人代码审查阶段,以后要多多注意,不要在范同样的错误;

    其次,不要黏贴代码,容易把错误带给整个程序,查找更困难,谨记。

  • 相关阅读:
    js--DOM基本使用
    前端--js基础2
    前端--js基础1
    tcp/udp编程
    关于网络
    异常处理
    装饰器
    1.__new__ 魔术方法 单态(例)模式 __del__ 魔术方法(析构方法) __call__ 魔术方法
    面向对象程序设计及面向对象封装 目录
    script 标签里的 async 和 defer
  • 原文地址:https://www.cnblogs.com/605395451/p/1924756.html
Copyright © 2011-2022 走看看