条件语句用于基于不同条件执行不同的动作。
条件语句
在您写代码时,经常会需要基于不同判断执行不同的动作。
您可以在代码中使用条件语句来实现这一点。
在 JavaScript 中,我们可使用如下条件语句:
- 使用
if
来规定要执行的代码块,如果指定条件为 true - 使用
else
来规定要执行的代码块,如果相同的条件为 false - 使用
else if
来规定要测试的新条件,如果第一个条件为 false - 使用
switch
来规定多个被执行的备选代码块
if 语句
请使用 if
语句来规定假如条件为 true 时被执行的 JavaScript 代码块。
语法
if (条件) {
如果条件为 true 时执行的代码
}
注释:if
使用小写字母。大写字母(IF 或 If)会产生 JavaScript 错误。
<!DOCTYPE html>
<html lang="en">
<body>
<P>如果小时小于16.00,显示美好的一天</P>
<P id="demo ">下午好</P>
<script>
if (new Date().getHours() < 14) {
document.getElementById("demo").innerHTML = "美好的一天"
}
</script>
</body>
</html>
请使用 else
语句来规定假如条件为 false 时的代码块。
if (条件) {
条件为 true 时执行的代码块
} else {
条件为 false 时执行的代码块
}
如果 hour 小于16,创建 "早安" 问候,否则 "早安":
<!DOCTYPE html>
<html lang="en">
<body>
<P>单机按钮以显示基于时间的问候语</P>
<button onclick="myFunction()">点击</button>
<P id="demo"></P>
<script>
function myFunction() {
var hour = new Date().getHours();
var greeting;
if (hour < 16) {
greeting = "早安"
} else {
greeting = "早安";
}
document.getElementById("demo").innerHTML = greeting;
}
</script>
</body>
</html>
请使用 else if
来规定当首个条件为 false 时的新条件。
语法
if (条件 1) {
条件 1 为 true 时执行的代码块
} else if (条件 2) {
条件 1 为 false 而条件 2 为 true 时执行的代码块
} else {
条件 1 和条件 2 同时为 false 时执行的代码块
}
如果时间早于 10:00,则创建 "Good morning" 问候,如果不是,但时间早于 18:00,则创建 "Good day" 问候,否则创建 "Good evening":
<!DOCTYPE html>
<html lang="en">
<body>
<P>单机按钮以显示基于时间的问候语</P>
<button onclick="myFunction()">点击</button>
<P id="demo"></P>
<script>
function myFunction() {
var time = new Date().getHours();
var greeting;
if (time < 10) {
greeting = "Good morning";
} else if (time < 18) {
greeting = "Good day";
} else {
greeting = "Good evening";
}
document.getElementById("demo").innerHTML = greeting;
}
</script>
</body>
</html>