如何实现代码优化!
function child_show1(str) {if (str)
{
document.getElementById("child1").style.display = "block";
document.getElementById("child2").style.display = "none";
document.getElementById("child3").style.display = "none";
document.getElementById("child4").style.display = "none";
document.getElementById("child5").style.display = "none";
}
else
{
document.getElementById("child1").style.display = "none";
document.getElementById("child2").style.display = "none";
document.getElementById("child3").style.display = "none";
document.getElementById("child4").style.display = "none";
document.getElementById("child5").style.display = "none";
}
}
function child_show2(str) {
if (str) {
document.getElementById("child2").style.display = "block";
document.getElementById("child1").style.display = "none";
document.getElementById("child3").style.display = "none";
document.getElementById("child4").style.display = "none";
document.getElementById("child5").style.display = "none";
}
else {
document.getElementById("child1").style.display = "none";
document.getElementById("child2").style.display = "none";
document.getElementById("child3").style.display = "none";
document.getElementById("child4").style.display = "none";
document.getElementById("child5").style.display = "none";
}
}
function child_show3(str) {
if (str) {
document.getElementById("child3").style.display = "block";
document.getElementById("child1").style.display = "none";
document.getElementById("child2").style.display = "none";
document.getElementById("child4").style.display = "none";
document.getElementById("child5").style.display = "none";
}
else {
document.getElementById("child1").style.display = "none";
document.getElementById("child2").style.display = "none";
document.getElementById("child3").style.display = "none";
document.getElementById("child4").style.display = "none";
document.getElementById("child5").style.display = "none";
}
}
function child_show4(str) {
if (str) {
document.getElementById("child4").style.display = "block";
document.getElementById("child1").style.display = "none";
document.getElementById("child2").style.display = "none";
document.getElementById("child3").style.display = "none";
document.getElementById("child5").style.display = "none"
}
else {
document.getElementById("child1").style.display = "none";
document.getElementById("child2").style.display = "none";
document.getElementById("child3").style.display = "none";
document.getElementById("child4").style.display = "none";
document.getElementById("child5").style.display = "none";
}
}
function child_show5(str) {
if (str) {
document.getElementById("child5").style.display = "block";
document.getElementById("child1").style.display = "none";
document.getElementById("child2").style.display = "none";
document.getElementById("child3").style.display = "none";
document.getElementById("child4").style.display = "none"
}
else {
document.getElementById("child1").style.display = "none";
document.getElementById("child2").style.display = "none";
document.getElementById("child3").style.display = "none";
document.getElementById("child4").style.display = "none";
document.getElementById("child5").style.display = "none";
}
}
function child_show6(str) {
if (str) {
document.getElementById("child6").style.display = "block";
document.getElementById("child7").style.display = "none";
}
else {
document.getElementById("child6").style.display = "none";
document.getElementById("child7").style.display = "none";
}
}
function child_show7(str) {
if (str) {
document.getElementById("child7").style.display = "block";
document.getElementById("child6").style.display = "none";
}
else {
document.getElementById("child6").style.display = "none";
document.getElementById("child7").style.display = "none";
}
}
这是源码。。我想简化代码。或者直接用一个方法来写。。怎么做! --------------------编程问答-------------------- function child_show1(str) {
if (str)
{
document.getElementById("child1").style.display = "block";
}
else
{
document.getElementById("child1").style.display = "none";
}
document.getElementById("child2").style.display = "none";
document.getElementById("child3").style.display = "none";
document.getElementById("child4").style.display = "none";
document.getElementById("child5").style.display = "none";
} --------------------编程问答-------------------- 重复的代码去掉,改传值的方式判断
function child_show1(str) {
if (str)
{
document.getElementById("child1").style.display = "block";
document.getElementById("child2").style.display = "none";
document.getElementById("child3").style.display = "none";
document.getElementById("child4").style.display = "none";
document.getElementById("child5").style.display = "none";
}
else
{
document.getElementById("child1").style.display = "none";
document.getElementById("child2").style.display = "none";
document.getElementById("child3").style.display = "none";
document.getElementById("child4").style.display = "none";
document.getElementById("child5").style.display = "none";
}
}
function child_show1(str,st) {
document.getElementById(str).style.display = st;
}
--------------------编程问答--------------------
--------------------编程问答--------------------
function show(isShow,index){
for(var i = 1; i < 6; i++){
if(isShow){
if(i == index){
$("#child" + i).show();
}else{
$("#child" + i).hide();
}
}else{
if(i == index){
$("#child" + i).hide();
}else{
$("#child" + i).show();
}
}
}
}
谢谢。。还可以更省点不 --------------------编程问答--------------------
不怎么理解!求解释! --------------------编程问答--------------------
--------------------编程问答-------------------- 说说你应用环境,HTML代码贴出来, --------------------编程问答--------------------
//参数1:isShow->是否显示
//参数2:index->显示或隐藏那一个
function show(isShow,index){
for(var i = 1; i < 6; i++){//循环遍历6个控件
if(isShow){//如果是要求显示
if(i == index){//当要显示控件的序号是i的时候,也就是找到需要显示那个控件
$("#child" + i).show();//显示
}else{
$("#child" + i).hide();//隐藏
}
}else{
if(i == index){
$("#child" + i).hide();
}else{
$("#child" + i).show();
}
}
}
}
--------------------编程问答-------------------- 也可以用JQuery模糊选择
function child_show(childId) {
var nodesList = document.getElementById(childId).parentNode.childNodes;
for (var node in nodesList) {
node.style.display = 'none';
}
if (childId) {
document.getElementById(childId).style.display = "block";
return;
}
}
$("[id^='child']") --------------------编程问答--------------------
我很不理解。为什么i<6!! --------------------编程问答--------------------
执行了、直接报错!找不到对象! --------------------编程问答--------------------
你又没引用JQuery,不错才有鬼了 --------------------编程问答--------------------
告诉我怎么引用JQ吧 --------------------编程问答-------------------- 顶上去!! --------------------编程问答-------------------- 顶上去!!
--------------------编程问答-------------------- 额.我是和#3一样这样写的.传个参数进去.这样判断一下就OK了...
#3使用了jquery. --------------------编程问答--------------------
首先工程里面要有jquery-1.3.2.js这个文件(版本越高越好)
然后,页面<head></head>里面添加
<script type="text/javascript" src="~/Scripts/jquery-1.3.2.js" ></script>
--------------------编程问答-------------------- 3Q3Q!!!!!!
补充:.NET技术 , ASP.NET