提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

JavaScript -- 条件语句

JavaScript -- 语句 条件
2023-09-14 09:00:30 时间

条件语句

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

在 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;
}

 

相关文章