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;
    }
  • 相关阅读:
    Python+VSCode IDE 快速开发配置 #VSCode上配置Jupyter Notebook
    GUI Design Studio 简单通讯本设计原型 1
    GUI Design Studio 简单通讯本设计原型 2
    安装Lua For Windows
    Lua – Hello World!
    GUI Design Studio 功能面板介绍
    中文字符级转换
    Base64传输字节码转换
    这怎么是英文的?
    error? in CLR via c#
  • 原文地址:https://www.cnblogs.com/androidsuperman/p/6860009.html
Copyright © 2011-2022 走看看