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

谁帮我简化一下代码 = =

function show(num) {	
var trnode1;
var trnode2;
var trnode3;
var trnode4;

switch (num)
  {
  case 1:
   document.getElementById('swf1').style.display = "block";
   document.getElementById('swf2').style.display = "none";
document.getElementById('swf3').style.display = "none";
document.getElementById('swf4').style.display = "none";
trnode1=document.getElementById("s1");
trnode2=document.getElementById("s2");
trnode3=document.getElementById("s3");
trnode4=document.getElementById("s4");

break;
  case 2:
   document.getElementById('swf2').style.display = "block";
   document.getElementById('swf1').style.display = "none";
document.getElementById('swf3').style.display = "none";
document.getElementById('swf4').style.display = "none";
trnode1=document.getElementById("s1");
trnode3=document.getElementById("s3");
trnode4=document.getElementById("s4");
trnode2=document.getElementById("s2");

break;
  case 3:
   document.getElementById('swf3').style.display = "block";
   document.getElementById('swf2').style.display = "none";
document.getElementById('swf1').style.display = "none";
document.getElementById('swf4').style.display = "none";
trnode1=document.getElementById("s1");
trnode2=document.getElementById("s2");
trnode3=document.getElementById("s3");
trnode4=document.getElementById("s4");

break;
  case 4:
   document.getElementById('swf4').style.display = "block";
   document.getElementById('swf2').style.display = "none";
document.getElementById('swf3').style.display = "none";
document.getElementById('swf1').style.display = "none";
trnode1=document.getElementById("s1");
trnode3=document.getElementById("s3");
trnode2=document.getElementById("s2");
trnode4=document.getElementById("s4");

break;
  }

        }


好捉急 怎么写循环= = --------------------编程问答-------------------- 是要简化代码??还是要什么循环??? --------------------编程问答--------------------
引用 1 楼 zbdzjx 的回复:
是要简化代码??还是要什么循环???


简化代码阿 - -

我以为是用循环简化= = --------------------编程问答-------------------- 试试看对不对,我没试。
function show(num) {    
    var trnode1;
    var trnode2;
    var trnode3;
    var trnode4;
    
    document.getElementById('swf1').style.display = (num = 1) ? "block" : "none";
    document.getElementById('swf2').style.display = (num = 2) ? "block" : "none";
    document.getElementById('swf3').style.display = (num = 3) ? "block" : "none";
    document.getElementById('swf4').style.display = (num = 4) ? "block" : "none";

    trnode1=document.getElementById("s1");
    trnode2=document.getElementById("s2");
    trnode3=document.getElementById("s3");
    trnode4=document.getElementById("s4");
}
--------------------编程问答-------------------- function show(num) {   
            var trnode1;
            var trnode2;
            var trnode3;
            var trnode4;
             
             var 1=   document.getElementById('swf1');
             var 2=    document.getElementById('swf2');
             var 3=    document.getElementById('swf3');
             var 4=    document.getElementById('swf4');
                trnode1=document.getElementById("s1");
                trnode2=document.getElementById("s2");
                trnode3=document.getElementById("s3");
                trnode4=document.getElementById("s4");

            switch (num)
              {
              case 1:
                1.style.display="";
                2.  .........
                 
                break;
              case 2:
              
                break;
              case 3:
             
                break;
              case 4:
                
              
                break;
              }
     
        } --------------------编程问答--------------------
Quote: 引用 楼主 u012730746 的回复:

function show(num) {	
var trnode1;
var trnode2;
var trnode3;
var trnode4;
switch (num)
  {
  case 1:
   $("#swf1").show();
   $("#swf2").hide();
$("#swf3").hide();
$("#swf4").hide();
break;
  case 2:
$("#swf2").show();
   $("#swf1").hide();
$("#swf3").hide();
$("#swf4").hide();
break;
  case 3:
$("#swf3").show();
   $("#swf1").hide();
$("#swf2").hide();
$("#swf4").hide();
break;
  case 4:
$("#swf4").show();
   $("#swf1").hide();
$("#swf2").hide();
$("#swf3").hide();
                break;
  }
                                trnode1=document.getElementById("s1");
trnode2=document.getElementById("s2");
trnode3=document.getElementById("s3");
trnode4=document.getElementById("s4");

        }


--------------------编程问答-------------------- function show(num) {    
    var trnode1;
    var trnode2;
    var trnode3;
    var trnode4;
    $("#swf1").hide();
    $("#swf2").hide();
    $("#swf3").hide();
    $("#swf1").hide();
    $("#swf"+num).show();
 
    trnode1=document.getElementById("s1");
    trnode2=document.getElementById("s2");
    trnode3=document.getElementById("s3");
    trnode4=document.getElementById("s4");
} --------------------编程问答-------------------- 3L再用jquery简化下
$('#swf1').hide()  $('#swf1').show()

--------------------编程问答-------------------- js的话就直接这样:
            document.getElementById('swf1').style.display = "none";
            document.getElementById('swf2').style.display = "none";
            document.getElementById('swf3').style.display = "none";
            document.getElementById('swf4').style.display = "none";
            document.getElementById("swf" + num).style.display = "block"; --------------------编程问答--------------------
$("[id^='swf']").each(function (i) {
            if ((i + 1) == num)
                $(this).show();
            else
                $(this).hide();
        });
--------------------编程问答-------------------- 你们再简化就看不懂了 --------------------编程问答--------------------

function show(num) {    
    var trnode1;
    var trnode2;
    var trnode3;
    var trnode4;     
    document.getElementById('swf1').style.display = (num == 1) ? "‘’" : "none";
    document.getElementById('swf2').style.display = (num == 2) ? "‘’" : "none";
    document.getElementById('swf3').style.display = (num == 3) ? "‘’" : "none";
    document.getElementById('swf4').style.display = (num == 4) ? "‘’" : "none"; 
    trnode1=document.getElementById("s1");
    trnode2=document.getElementById("s2");
    trnode3=document.getElementById("s3");
    trnode4=document.getElementById("s4");
}
--------------------编程问答--------------------
function show(num) {	
var trnode1;
var trnode2;
var trnode3;
var trnode4;
for(var i = 1;i< = 4;i++){
             if(i == num){
                 document.getElementById('swf'+i).style.display = "block";
                }
                else document.getElementById('swf'+i).style.display = "none";
           }
            if(num>1 && num<=4){
             trnode1=document.getElementById("s1");
trnode2=document.getElementById("s2");
trnode3=document.getElementById("s3");
trnode4=document.getElementById("s4");

            }
}
--------------------编程问答--------------------
function show(num) {
    var trnode = new Array();
    for (var i = 1; i <= 4; i++) {
        //i == num ? $('#swf' + i).show() : $('#swf' + i).hide();
        document.getElementById('swf' + i).style.display = i == num ? "block" : "none";
        trnode[i - 1] = document.getElementById("s" + i);
    }
}
--------------------编程问答--------------------
引用 13 楼 Adol1111 的回复:
function show(num) {
    var trnode = new Array();
    for (var i = 1; i <= 4; i++) {
        //i == num ? $('#swf' + i).show() : $('#swf' + i).hide();
        document.getElementById('swf' + i).style.display = i == num ? "block" : "none";
        trnode[i - 1] = document.getElementById("s" + i);
    }
}

Good!
补充:.NET技术 ,  ASP.NET
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,