纯JS使用switch和if语句判断控制卡的型号

最新推荐文章于 2022-07-29 11:59:08 发布

原创最新推荐文章于 2022-07-29 11:59:08 发布 · 415 阅读

0 ·

CC 4.0 BY-SA版权

JS 同时被 2 个专栏收录

72 篇文章

订阅专栏

HTML

10 篇文章

订阅专栏

这个示例展示了如何使用JavaScript中的switch和if语句来根据用户从下拉菜单中选择的不同设备类型（如U盘卡、WIFI卡、网口卡），调用不同的函数来判断并设置设备型号。当用户点击按钮后，会根据设备尺寸（宽度和高度）判断并弹出对应的型号。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>

<select name="" id="type">
    <option value="U盘卡">U盘卡</option>
    <option value="WIFI卡">WIFI卡</option>
    <option value="网口卡">网口卡</option>
</select>

<button id="bt">按钮</button>

<script>

        //长度值
        width = 640;
        height = 16;
        type = "";      //最终打印出来的型号
        //U盘系列 boolean变量
        UN = width <= 320 && height<= 32 || width<=640 && height<=16;
        UM = width <= 512 && height<= 32 || width<=1024 && height<=16;




        document.getElementById("bt").onclick = function(){
            //型号选择
            var obj = document.getElementById("type");
            var  index = obj.selectedIndex;
            var tp =  obj[index].text;  //选择的型号

            switch(tp){
                case "U盘卡":
                    f1();
                    break;
                case "WIFI卡":
                    f2();
                    break;
                case "网口卡":
                    f3();
                    break;
            }

            //选择到那个型号,就调用指定型号的方法
            function f1(){
                if (UN) {
                    type = "ZH-UN";
                } else if (UM) {
                    type = "ZH-UM";
                }
                alert(type);
            }

            //选择到那个型号,就调用指定型号的方法
            function f2(){
                if(UN){
                    type = "ZH-WN";
                }else if(UM){
                    type = "ZH-WM";
                }
                alert(type);
            }

            //选择到那个型号,就调用指定型号的方法
            function f3(){
                if(UN){
                    type = "ZH-E1";
                }else if(UM){
                    type = "ZH-E2";
                }
                alert(type);
            }
        }

</script>

</body>
</html>