HTML之JavaScript分支结构

HTML之JavaScript分支结构

if switch

html 复制代码
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /*
            if 
                if(表达式){
                    语句1;
                }eles if(){
                    语句2;
                }else{
                    语句3;
                }
                1.非空字符串('xxx')会判断为true,空字符('')串会判断为false
                2.非空对象 会判断为true,null和undefined会判断为false
                3.非0的number会判断为true,0会判断为false

            switch 跟Java语法一样(跟C语言也没啥逻辑区别)
                switch(表达式){
                    case 值1:
                        语句1;
                        break;
                    case 值2:
                        语句2;
                        break;
                    case 值3:
                        语句3;
                        break;
                    default:
                        语句4;
                        break;
                }
         */
        if ("false") {
            console.log('true');
        } else {
            console.log('false');
        }
        //根据月份输出季节
        var month = prompt('请输入月份');//弹窗输入 返回结果为用户在窗口上输入的值,以string类型返回
        console.log(typeof month);
        month = Number.parseInt(month);//将字符串转换为数字
        console.log(typeof month);
        if (month >= 3 && month <= 5) {
            console.log('春季');
        } else if (month == 6 || month == 7 || month == 8) {
            console.log('夏季');
        } else if (month == 9 || month == 10 || month == 11) {
            console.log('秋季');
        } else if (month == 12 || month == 1 || month == 2) {
            console.log('冬季');
        } else {
            console.log('输入错误');
        }
        switch (month) {
            case 3:
            case 4://条件穿透 跟Java一样
            case 5:
                console.log('春季');
                break;
            case 6:
            case 7:
            case 8:
                console.log('夏季');
                break;
            case 9:
            case 10:
            case 11:
                console.log('秋季');
                break;
            case 12:
            case 1:
            case 2:
                console.log('冬季');
                break;
            default:
                console.log('输入错误');
                break;
        }
    </script>
</head>

<body>

</body>

</html>
相关推荐
木易 士心22 分钟前
Promise深度解析:前端异步编程的核心
前端·javascript
im_AMBER26 分钟前
Web 开发 21
前端·学习
又是忙碌的一天26 分钟前
前端学习day01
前端·学习·html
Joker Zxc30 分钟前
【前端基础】20、CSS属性——transform、translate、transition
前端·css
excel34 分钟前
深入解析 Vue 3 源码:computed 的底层实现原理
前端·javascript·vue.js
大前端helloworld1 小时前
前端梳理体系从常问问题去完善-框架篇(react生态)
前端
不会算法的小灰1 小时前
HTML简单入门—— 基础标签与路径解析
前端·算法·html
zero13_小葵司1 小时前
在Vue项目中构建后端配置的动态路由及权限控制体系
前端·javascript·vue.js
GISer_Jing1 小时前
前端框架篇——Vue&React篇
前端·javascript
面向星辰1 小时前
css其他选择器(精细修饰)
前端·css