JavaScript if ... else

if 流程控制语句允许按照条件执行代码片段。if 流程控制分为三类：

1. if
2. if…else
3. if...else if...else

if 语句

语法：

if (expr){
    statement
}

该语法表示，如果 expr 表达式成立，则执行 {statement} 内的代码。

例子：

<script type="text/javascript">
var x = 3;
var y = 1;
if (x>y)
    alert("x大于y");
</script>

if…else

语法：

if (expr){
    statement1
} else {
    statement2
}

该语法表示只要 expr 成立，则执行 statement1 ，否则执行 statement2 。

例子：

<script type="text/javascript">
var x = 1;
var y = 3;
if (x>y)
    alert("x大于y");
} else {
    alert("x小于等于y");
}
</script>

运行该例子，会弹出提示框并提示文字：x小于等于y。

if...else if...else

语法：

if (expr1){
    statement1
} else if (expr2) {
    statement2
} else {
    statement3
}

该语法表示只要 expr1 成立，则执行 statement1 ，否则检测 expr2 ；如果 expr2 成立则执行 statement2 ；如果 expr2 也不成立，则执行 statement3 。

例子：

<script type="text/javascript">
var x = 3;
var y = 3;
if (x>y) {
    alert("x大于y");
} else if (x<y) {
    alert("x小于y");
} else {
    alert("x等于y");
}
</script>

运行该例子，会弹出提示框并提示文字：x等于y。

提示

else if 可以有多个，以实现更多条件的选择，但多数情况下，条件更多时，我们可以选择 JavaScript switch 来实现。