在一些高级语言如C#中，switch分支的值只能是常量，而js中可以是变量或表达式：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Document</title>
  6.   <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
  7.   <script type="text/javascript">
  8.     $(function(){
  9.      $('#btnScore').bind('click',function(){
  10.            var score = $('#txtScore').val();
  11.               var reg = /^[0-9]+.?[0-9]*$/
  12.            if (!reg.test(score)) {
  13.               alert('请输入合法的数字！');
  14.               return false;
  15.            }
  16.            calcScore(score);
  17.           })
  18.    });
  19.     function calcScore(score){
  20.       switch(true){  //不能写switch(score)，因为表达式值为bool类型
  21.        case score > 90  && score <= 100:
  22.          alert('优');
  23.          break;
  24.        case score > 80 && score <= 90:
  25.          alert('良');
  26.          break;
  27.        case score > 59 && score <= 80:
  28.          alert('及格');
  29.          break;
  30.        case score > -1 && score <= 59:
  31.          alert('不及格');
  32.          break;
  33.        default:
  34.          alert('输入分值范围错误！');
  35.          break;
  36.      }
  37.    }
  38.  </script>
  39. </head>
  40. <body>
  41.     <label for='txtScore'>分值：</label><input id='txtScore' type='text'>
  42.     <input id='btnScore' type='button' value='评分' />
  43. </body>
  44. </html>

运行效果

js中switch/case分支的值可以是变量或表达式的更多相关文章

  1. javascript基础入门之js中的结构分支与循环语句

    javascript基础入门之js中的结构分支与循环语句 程序的结构①顺序结构:自上而下:②选择(分支)结构:多条路径,根据不同的条件,只执行其中一个:③循环结构:重复某些代码④配合特定的语句实现选择 ...

  2. asp.net ashx处理程序中switch case的替代方案总结

    目录 1.用委托字典代替switch...case; 2.利用反射替代switch...case: 3.比较两种方案 4.其他方案 4.说明 5.参考 在开发 asp.net 项目中,通常使用一般处理 ...

  3. 【2017-2-23】C#switch case分支语句，for循环语句

    switch case分支语句 switch(一个变量值) { case 值:要执行的代码段;break; case 值:要执行的代码段;break; … default:代码段;break;(def ...

  4. js中获取css样式属性值

    关于js中style,currentStyle和getComputedStyle几个注意的地方 (1)用js的style只能获取元素的内联样式,内部样式和外部样式使用style是获取不到的.针对css ...

  5. Javascript 中 switch case 等于 （== ）还是 恒等于（===）？

    Javascript 中 switch case 等于 (== )还是 恒等于(===)? 可以测试一下以下代码,这个 case 中是 等于(==)还是恒等于(===) <script> ...

  6. 在js中取选中的radio值

    在js中取选中的radio值 <input type="radio" name="address" value="0" /> & ...

  7. JavaScript对于switch语句中的case后键入值的带不带引号

    一.用switch选择星期几 这时case为  例:case="星期一" 二.用switch选择单纯的数字 这时case为  例:case='1' 三.用switch选择一个应用了 ...

  8. js中 switch 注意事项

    var x = "2"; // 字符串 “2” switch (x) { case 1: console.log('x 等于1'); break; case 2: // 数值 2 ...

  9. python中Switch/Case实现

    学习Python过程中,发现没有switch-case,过去写C习惯用Switch/Case语句,官方文档说通过if-elif实现.所以不妨自己来实现Switch/Case功能. 方法一 通过字典实现 ...

随机推荐

  1. win7 CMD登录本机MySQL数据库管理

  2. 53.纯 CSS 创作一个文本淡入淡出的 loader 动画

    原文地址:https://segmentfault.com/a/1190000015305861 感想:关于两侧动画不在同一水平线上的原因是因为设置其多余高,旋转180度呈现的. HTML code: ...

  3. hadoop的块

    http://hadoop.apache.org/docs/r1.0.4/cn/hdfs_design.html http://www.cnblogs.com/cloudma/articles/had ...

  4. 3. java.lang.UnsupportedClassVersionError: javax/annotation/ManagedBean : Unsupported major.minor version 51.0

    问题描述:

  5. django之paginator

    class Paginator(object):#分页器 def __init__(self, object_list, per_page, orphans=0, allow_empty_first_ ...

  6. VirtualBox配置

    安装增强工具:http://mikemainguy.blogspot.jp/2015/03/installing-virtualbox-guest-additions.html 安装ssh:https ...

  7. leetcode题解 Generate Parentheses

    原文链接:https://leetcode.com/problems/generate-parentheses 给出数字n,求n对括号组成的合法字符串. 刚做出来,敲完代码,修改了一次,然后提交,ac ...

  8. 关于GC.Collect在不同机器上表现不一致问题

    2019.1.17,昨天项目更新后策划反应: 游戏卡,表现为:每走几步就卡一下.前天还没有. 但在我本机测试中,却没有任何卡顿感. QC同学的机器也卡.我去看了下,打开Profiler,没开deep, ...

  9. 焊接关节(Weld Joint)

    package{ import Box2D.Common.Math.b2Vec2; import Box2D.Dynamics.b2Body; import Box2D.Dynamics.Joints ...

  10. 【378】python any() and all()

    Reference: [1] Python all() - Python Standard Library [2] Python any() - Python Standard Library all ...