JavaScript中if语句

作用
if语句用于我们的条件判断，if(){}，小括号内是判断的语句，返回的是一个布尔值，true或false，在我们的实际应用中可用于开关实例，常用的格式有三种，以下练习供参考了解：

1、if(){}

例子：声明变量 a、b，且赋值 a 和 b 都等于5；当 a 等于 b 时，重新对 b 赋值为10，并弹出 b 的新值

  var a=5,b=5;
    if (a==b){
        b=10;
        alert(b);
    }

以上小括号内的条件判断 a==b，返回结果为true，因此b重新赋值为10，最后的alert结果则为10。

2、if(){}else{}

例子：如果x大于y成立，则x值为y值加1，否则x值为y值减1

    var x=1,y=2;
        if (x>y){
            x=y+1;
        }else{
            x=y-1;
        }
        alert(x);

当if括号里的判断条件返回为true时，执行if里的代码，否则执行else里的代码，因此以上例子最后的输出结果应为1。

3、if(){}else if{}else{}

例子：如果x值为3，y值为2，如果x值大于3，y值为1，如果x值小于3，y值为4

      var x=4,y;
        if (x==3){
            y=2;
        }else if (x>3) {
            y=1;
        }else{
            y=4;
        }

当if括号内的条件结果为true时执行if里面的代码，否则看else if括号内的天剑判断结果是否为true，是则执行里面的代码，否则执行最后else里面的代码，上面的例子中，x=4 ，满足else if 中的条件，因此y的最后结果应为1。

以下是关于开关应用的小案例，可供参考

<button id="btn">
    点击我切换背景颜色
</button>
<script>
    var btn=document.getElementById("btn");
    var body=document.getElementsByTagName("body")[0];
    var isRed=true;
    btn.onclick=function () {
        if (isRed) {
            body.style.backgroundColor="blue";
            isRed=false;
        }else{
            body.style.backgroundColor="red";
            isRed=true;
        }
    }
</script>