Heim > Web-Frontend > js-Tutorial > Hauptteil

重构Javascript代码示例(重构前后对比)_javascript技巧

WBOY
Freigeben: 2016-05-16 17:43:12
Original
1238 Leute haben es durchsucht

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

复制代码 代码如下:

function SelectedAll(cb) {
cb.checked = cb.checked ? false : true;
var gv = document.getElementById('');
var rc = gv.rows.length;
for (var i = 1; 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('');
var rc = gv.rows.length;
for (var i = 1; 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;":"";
}

之前二
复制代码 代码如下:

function Check_Uncheck_All(cb) {
var cbl = document.getElementById("");
var input = cbl.getElementsByTagName("input");
if (cb.checked) {
for (var i = 0; i input[i].checked = true;
}
}
else {
for (var i = 0; i input[i].checked = false;
}
}
}

重构之后的Javascript脚本
复制代码 代码如下:

function Check_Uncheck_All(cb) {
var cbl = document.getElementById("");
var input = cbl.getElementsByTagName("input");
for (var i = 0; i input[i].checked = cb.checked;
}
}
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage