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;
    }
  • 相关阅读:
    241. Different Ways to Add Parentheses java solutions
    89. Gray Code java solutions
    367. Valid Perfect Square java solutions
    46. Permutations java solutions
    116. Populating Next Right Pointers in Each Node java solutions
    153. Find Minimum in Rotated Sorted Array java solutions
    判断两颗树是否相同
    求二叉树叶子节点的个数
    求二叉树第k层的结点个数
    将二叉排序树转换成排序的双向链表
  • 原文地址:https://www.cnblogs.com/androidsuperman/p/6860009.html
Copyright © 2011-2022 走看看