脚本重构重构Javascript代码

最近使用开发的过程中出现了一个小问题，顺便记录一下原因和方法--脚本重构

    今天有做了几个asp.net结合Javascript的程教文章。现回想头来看看那些Javascript脚本，有写得不太想理，过于庞杂。现Insus.NET抽取出来，重构它们。

    第一篇是http://www.cnblogs.com/insus/archive/2013/01/20/2868532.html 来原的Javascript脚本:

function SelectedAll(cb) {
            cb.checked = cb.checked ? false : true;
            var gv = document.getElementById('<%=GridViewCouplets.ClientID %>');
            var rc = gv.rows.length;

            for (var i = 1; i < rc; i++) {
                var input = gv.rows[i].cells[0].getElementsByTagName("input");
                if (input[0].type == "checkbox" && input[0].checked) {
                    input[0].checked = false;
                    gv.rows[i].style.backgroundColor = "";
                }
                else {
                    input[0].checked = true;
                    gv.rows[i].style.backgroundColor = "#66ff33;";
                }
            }
        }

        function SelectedSingle(cb) {
            var row = cb.parentNode.parentNode;
            if (cb.checked) {
                row.style.backgroundColor = "#66ff33;";
            }
            else {
                row.style.backgroundColor = "";
            }
        }

经过重构以后的Javascript脚本:

    每日一道理
只有启程，才会到达想理和目的地，只有拼搏，才会获得辉煌的成功，只有播种，才会有收获。只有追求，才会品味堂堂正正的人。

 function SelectedAll(cb) {
            var gv = document.getElementById('<%=GridViewCouplets.ClientID %>');
            var rc = gv.rows.length;

            for (var i = 1; i < rc; i++) {
                var input = gv.rows[i].cells[0].getElementsByTagName("input");

                if (input[0].type == "checkbox")
                {
                    input[0].checked = cb.checked;
                    gv.rows[i].style.backgroundColor = input[0].checked ? "#66ff33;" :"";
                }
            }
        }

        function SelectedSingle(cb) {
            var row = cb.parentNode.parentNode;           
                row.style.backgroundColor = cb.checked?  "#66ff33;":"";            
        }

另外一篇 http://www.cnblogs.com/insus/archive/2013/01/20/2868766.html 来原的Javascript脚本：

 function Check_Uncheck_All(cb) {
            var cbl = document.getElementById("<%=CheckBoxListMusicType.ClientID%>");
            var input = cbl.getElementsByTagName("input");

            if (cb.checked) {
                for (var i = 0; i < input.length; i++) {
                    input[i].checked = true;
                }
            }
            else {
                for (var i = 0; i < input.length; i++) {
                    input[i].checked = false;
                }
            }            
        }

重构以后的Javascript脚本：

 function Check_Uncheck_All(cb) {
            var cbl = document.getElementById("<%=CheckBoxListMusicType.ClientID%>");
            var input = cbl.getElementsByTagName("input");

            for (var i = 0; i < input.length; i++) {
                input[i].checked = cb.checked;
            }
        }

 

文章结束给大家分享下程序员的一些笑话语录： 手机终究会变成PC，所以ip会比wm更加畅销，但是有一天手机强大到一定程度了就会发现只有wm的支持才能完美享受。就好比树和草，草长得再高也是草，时间到了条件成熟了树就会窜天高了。www.ishuo.cn