重构Javascript代码
2013-01-20 22:09
501 查看
今天有做了几个asp.net结合Javascript的教程文章。现回顾头来看看那些Javascript脚本,有写得不太理想,过于复杂。现Insus.NET抽取出来,重构它们。
第一篇是/article/4669351.html 原来的Javascript脚本:
经过重构之后的Javascript脚本:
另外一篇/article/4669352.html 原来的Javascript脚本:
重构之后的Javascript脚本:
第一篇是/article/4669351.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;":""; }
另外一篇/article/4669352.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; } }
相关文章推荐
- JavaScript重构(七):重用老代码
- JavaScript代码重构技巧
- 重构Javascript代码示例(重构前后对比)
- JavaScript进阶之路——认识和使用Promise,重构你的Js代码
- 重构一段基于原生JavaScript的表格绘制代码
- JavaScript进阶之路——认识和使用Promise,重构你的Js代码
- 一段实现选择框javascript代码的重构
- javascript代码的小小重构
- 原生javascript开发打字游戏---代码重构版本
- Javascript中的var_dump函数实现代码
- JavaScript代码判断输入的字符串是否含有特殊字符和表情代码实例
- C#执行Javascript代码的几种方法总结
- javascript 常用代码大全
- 如何组织大型JavaScript应用中的代码?
- JavaScript代码基础
- JavaScript动态创建div属性和样式示例代码
- JavaScript 常用小代码
- javascript css红色经典选项卡效果实现代码
- 一个C++程序重构的例子——糟糕的代码