如何停止和if语句如果另一个if语句为true

if (Guitar > Percussion && Guitar > Brass && Guitar > Keyboard && Guitar > Woodwind) // Here I'm checking to see if Guitar is greater than the others
            {
            var guitarpage = document.getElementById("GuitarPage"); // If guitar is then get the Element ID "GuitarPage"
            guitarpage.style.display ="block"; // Then Display that page
            }
else if (Percussion > Guitar && Percussion > Brass && Percussion > Keyboard && Percussion > Woodwind)
            {
            var percussionpage = document.getElementById("PercussionPage");
            percussionpage.style.display ="block";
            }
else if (Brass > Guitar && Brass > Brass && Percussion > Keyboard && Brass > Woodwind) {
            var brasspage = document.getElementById("BrassPage");
            brasspage.style.display ="block";
            }
else if (Keyboard > Guitar && Keyboard > Keyboard && Percussion > Brass && Keyboard > Woodwind) {
            var keyboardpage = document.getElementById("KeyboardPage");
            keyboardpage.style.display ="block";
            }
else if (Woodwind > Guitar && Woodwind > Brass && Woodwind > Keyboard && Woodwind > Percussion) {
            var woodpage = document.getElementById("WoodwindPage");
            woodpage.style.display ="block";
                        }
else {
            var nonepage = document.getElementById ("NoPage");
            nonepage.style.display ="block";
            }

试试这个简单的逻辑

var indices = ["GuitarPage","PercussionPage","BrassPage","KeyboardPage", "WoodwindPage"];
var allNumbers = [Guitar,Percussion,Brass,Keyboard,Woodwind];
var maxValue = Math.max.apply(null,allNumbers);
var index =  allNumbers.indexOf(maxValue);
if ( maxValue > 0 )
{
   document.getElementById(indices[index]).style.display ="block";
}
else
{
  document.getElementById ("NoPage").style.display ="block";
}

如果还没有，可以将其封装在函数中，如果条件为true，则退出函数。其余部分被跳过。

function compare() {
    if (Guitar > Percussion && Guitar > Brass && Guitar > Keyboard && Guitar > Woodwind) // Here I'm checking to see if Guitar is greater than the others
    {
        var guitarpage = document.getElementById("GuitarPage"); // If guitar is then get the Element ID "GuitarPage"
        guitarpage.style.display = "block"; // Then Display that page
        return;
    }
    if (Percussion > Guitar && Percussion > Brass && Percussion > Keyboard && Percussion > Woodwind) {
        var percussionpage = document.getElementById("PercussionPage");
        percussionpage.style.display = "block";
        return;
    }
    if (Brass > Guitar && Brass > Brass && Percussion > Keyboard && Brass > Woodwind) {
        var brasspage = document.getElementById("BrassPage");
        brasspage.style.display = "block";
        return;
    }
    if (Keyboard > Guitar && Keyboard > Keyboard && Percussion > Brass && Keyboard > Woodwind) {
        var keyboardpage = document.getElementById("KeyboardPage");
        keyboardpage.style.display = "block";
        return;
    }
    if (Woodwind > Guitar && Woodwind > Brass && Woodwind > Keyboard && Woodwind > Percussion) {
        var woodpage = document.getElementById("WoodwindPage");
        woodpage.style.display = "block";
        return;
    }            else {
        var nonepage = document.getElementById("NoPage");
        nonepage.style.display = "block";
    }
}
compare();

function pageCond(Guitar, Percussion, Brass, Keyboard, Woodwind)
{
    if (Guitar > Percussion && Guitar > Brass && Guitar > Keyboard && Guitar > Woodwind) // Here I'm checking to see if Guitar is greater than the others
    { return "GuitarPage"; }
    if (Percussion > Guitar && Percussion > Brass && Percussion > Keyboard && Percussion > Woodwind)
    { return "PercussionPage"; }
    if (Brass > Guitar && Brass > Brass && Percussion > Keyboard && Brass > Woodwind)
    { return "BrassPage"; }
    if (Keyboard > Guitar && Keyboard > Keyboard && Percussion > Brass && Keyboard > Woodwind)
    { return "KeyboardPage"; }
    if (Woodwind > Guitar && Woodwind > Brass && Woodwind > Keyboard && Woodwind > Percussion)
    { return "WoodwindPage"; }
    return "NoPage";
}
var nodeID = pageCond(Guitar, Percussion, Brass, Keyboard, Woodwind);
document.getElementById(nodeID).style.display ="block";

更短：（更新）

var text = 'Guitar,Percussion,Brass,Keyboard,Woodwind';
var list = text.split(',').join('Page,').split(',');
var vars = eval('['+text+']');
var page = list[vars.indexOf(Math.max.apply(null,vars))];
document.getElementById(page || 'NoPage').style.display ="block";