zoukankan      html  css  js  c++  java
  • JavaScript -- 条件语句

    条件语句

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

    在 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;
    }
  • 相关阅读:
    java.lang.NoSuchMethodError:antlr.collections.AST.getLine() I
    T7 java Web day01 标签HTML
    T6 s1 day19
    T5 s5 Day18
    T5 s4 Day 17
    T5 s3 day16
    T5 s2 Day 15
    T5 s1 day14
    T4 S03 day 12
    T4 S01 day1
  • 原文地址:https://www.cnblogs.com/androidsuperman/p/6860009.html
Copyright © 2011-2022 走看看