当前位置:编程学习 > C#/ASP.NET >>

如何实现代码优化!

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();
}
}
}
}
--------------------编程问答--------------------
引用 1 楼 am 的回复:
function child_show1(str) {
  if (str)
  {
  document.getElementById("child1").style.display = "block";
  }
  else
  { 
  document.getElementById("child1").style.display = "none";
 

  } 
 ……


谢谢。。还可以更省点不 --------------------编程问答--------------------
引用 3 楼 foren_whb 的回复:
JScript code

function show(isShow,index){
    for(var i = 1; i < 6; i++){
        if(isShow){
            if(i == index){
                $("#child" + i).show();
            }else{
          ……

不怎么理解!求解释! --------------------编程问答--------------------
引用 5 楼 paul_198728 的回复:
引用 3 楼 foren_whb 的回复:
JScript code

function show(isShow,index){
for(var i = 1; i < 6; i++){
if(isShow){
if(i == index){
$("#child" + i).show();
}else{
……

不怎么理解!求解释!



//参数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();
}
}
}
}
--------------------编程问答-------------------- 说说你应用环境,HTML代码贴出来, --------------------编程问答--------------------

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;
    }
}
--------------------编程问答-------------------- 也可以用JQuery模糊选择
$("[id^='child']") --------------------编程问答--------------------
引用 6 楼 foren_whb 的回复:
引用 5 楼 paul_198728 的回复:
引用 3 楼 foren_whb 的回复:
JScript code

function show(isShow,index){
for(var i = 1; i < 6; i++){
if(isShow){
if(i == index){
$("#child" + i).show();
}else{
……

不怎么理解!求解……


我很不理解。为什么i<6!! --------------------编程问答--------------------
引用 3 楼 foren_whb 的回复:
JScript code

function show(isShow,index){
    for(var i = 1; i < 6; i++){
        if(isShow){
            if(i == index){
                $("#child" + i).show();
            }else{
          ……


执行了、直接报错!找不到对象! --------------------编程问答--------------------
引用 11 楼 paul_198728 的回复:
引用 3 楼 foren_whb 的回复:
JScript code

function show(isShow,index){
for(var i = 1; i < 6; i++){
if(isShow){
if(i == index){
$("#child" + i).show();
}else{
……


执行了、直接报错!找不到对象!

你又没引用JQuery,不错才有鬼了 --------------------编程问答--------------------
引用 12 楼 milan8487 的回复:
引用 11 楼 paul_198728 的回复:
引用 3 楼 foren_whb 的回复:
JScript code

function show(isShow,index){
for(var i = 1; i < 6; i++){
if(isShow){
if(i == index){
$("#child" + i).show();
}else{
……


执行了、直……


告诉我怎么引用JQ吧 --------------------编程问答-------------------- 顶上去!! --------------------编程问答-------------------- 顶上去!! 
 

--------------------编程问答--------------------
引用 3 楼 foren_whb 的回复:
JScript code

function show(isShow,index){
    for(var i = 1; i < 6; i++){
        if(isShow){
            if(i == index){
                $("#child" + i).show();
            }else{
                ……
额.我是和#3一样这样写的.传个参数进去.这样判断一下就OK了...
#3使用了jquery. --------------------编程问答--------------------
引用 13 楼 paul_198728 的回复:
告诉我怎么引用JQ吧

首先工程里面要有jquery-1.3.2.js这个文件(版本越高越好)
然后,页面<head></head>里面添加
<script type="text/javascript" src="~/Scripts/jquery-1.3.2.js" ></script>
--------------------编程问答-------------------- 3Q3Q!!!!!!
补充:.NET技术 ,  ASP.NET
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,