码迷,mamicode.com
首页 > Web开发 > 详细

js里switch的注意事项

时间:2016-11-11 22:55:25      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:get   eof   highlight   mon   注意事项   function   his   hang   ase   

今天在做练习代码的时候使用switch判断语句,代码如下

<script>
function showUser(sss){ var shen=sss; alert(typeof sss); switch (shen) { case 1: x="张三"; break; case 2: x="李四"; break; case 3: x="王二"; break; case 4: x="陈五"; break; } document.getElementById("myDiv").innerHTML=x; }

</script> <form> Select a User: <select name="users" onchange="showUser(this.value)"> <option value="1">Peter Griffin</option> <option value="2">Lois Griffin</option> <option value="3">Glenn Quagmire</option> <option value="4">Joseph Swanson</option> </select> </form>

<div id="myDiv"></div>

  代码很简单,就是通过用户选择来做个判断,之后在myDiv部分显示对应的文字。可是怎么测试都无法正常显示,后经网上查阅知道,在switch里使用的“===”判断,也就是说在判断的同时还要判断参数的类型,经改动后代码可以正常使用了。

改动后的函数代码如下:

function showUser(sss){
    var shen=sss;
    alert(typeof sss);
    switch (shen)
      {
      case "1":
        x="Today it‘s Monday";
        break;
      case "2":
        x="Today it‘s Tuesday";
        break;
      case "3":
        x="Today it‘s Wednesday";
        break;
      case "4":
        x="Today it‘s Thursday";
        break;
      }
    document.getElementById("myDiv").innerHTML=x;
}

  

js里switch的注意事项

标签:get   eof   highlight   mon   注意事项   function   his   hang   ase   

原文地址:http://www.cnblogs.com/alberts24/p/6055521.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!