您的位置：首页 > Web前端 > JavaScript

JavaScript -- 条件语句

2017-05-16 10:13 246 查看

条件语句

通常在写代码时，您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。

在 JavaScript 中，我们可使用以下条件语句：

if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码

if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码

if...else if....else 语句- 使用该语句来选择多个代码块之一来执行

switch 语句 - 使用该语句来选择多个代码块之一来执行

例子：

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>条件语句</title>
</head>

<body>

<p>如果时间早于 20:00，会获得问候 "Good day"。</p>
<button onclick="conditionalStatements()">点击这里</button>
<p id="demo"></p>
<script type="text/javascript" src="test.js"></script>
</body>

</html>

Js代码：

/**
* 条件语句
*/
function conditionalStatements() {
var x = "";
var time = new Date().getHours();
if (time < 20) {
x = "Good day";
} else {
x = "Good evening";
}
document.getElementById("demo").innerHTML = x;
}

switch语句例子：

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>

<body>

<p>点击下面的按钮来显示今天是周几：</p>
<button onclick="switchconditionalStatements()">点击这里</button>
<p id="demo"></p>
<script type="text/javascript" src="test.js"></script>

</body>

</html>

Js代码：

/**
* switch语句
*/
function switchconditionalStatements() {
var x;
var d = new Date().getDay();
switch (d) {
case 1:
x = "今天是星期一";
break;
case 2:
x = "今天是星期二";
break;
case 3:
x = "今天是星期三";
break;
case 4:
x = "今天是星期四";
break;
case 5:
x = "今天是星期五";
break;
default:
x = "今天是周末";
break;
}
document.getElementById("demo").innerHTML = x;
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航