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>
相关推荐
spmcor几秒前
css 之 Flexbox 的一生
前端·css
shenyan~1 分钟前
关于 WASM: WASM + JS 混合逆向流程
开发语言·javascript·wasm
Mintopia3 分钟前
Three.js 高级纹理(Advanced Textures):超越基础,打造沉浸式 3D 世界
前端·javascript·three.js
玄玄子4 分钟前
JS Promise
前端·javascript·程序员
Raink老师9 分钟前
7. TypeScript接口
javascript·typescript
Thanks_ks12 分钟前
探索现代 Web 开发:从 HTML5 到 Vue.js 的全栈之旅
javascript·vue.js·css3·html5·前端开发·web 开发·全栈实战
GIS之路15 分钟前
OpenLayers 获取地图状态
前端·javascript·html
FogLetter31 分钟前
深入理解Flex布局:grow、shrink和basis的计算艺术
前端·css
remember_me32 分钟前
前端打印实现-全网最简单实现方法
前端·javascript·react.js
前端小巷子35 分钟前
IndexedDB:浏览器端的强大数据库
前端·javascript·面试