js里switch的注意事项

今天在做练习代码的时候使用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;
}

  

时间: 2024-11-08 17:29:19

js里switch的注意事项的相关文章

在js里UTF-8与GB2312的互转

js的函数如下: function GB2312UTF8() { this.Dig2Dec = function(s) { var retV = 0; if (s.length == 4) { for (var i = 0; i < 4; i++) { retV += eval(s.charAt(i)) * Math.pow(2, 3 - i); } return retV; } return - 1; } this.Hex2Utf8 = function(s) { var retS = "

谈谈JS里的{ }大括号和[ ]中括号的用法

谈谈JS里的{ }大括号和[ ]中括号的用法,理解后就可以看懂JSON结构了. 一.{ } 大括号,表示定义一个对象,大部分情况下要有成对的属性和值,或是函数. 如:var LangShen = {"Name":"Langshen","AGE":"28"}; 上面声明了一个名为"LangShen"的对象,多个属性或函数用,(逗号)隔开,因为是对象的属性, 所以访问时,应该用.(点)来层层访问:LangShe

js里各浏览器解析XML,支持IE、火狐、Chrome等

js在chrome中加载XML,js加载XML支持ff,IE6+,Opera等浏览器 见代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js里各浏览器解析XML,支持IE.火狐.Chrome等</title> </head> <body> <script> fu

Augular JS里的各种ng

Augular JS里的各种ng- 正文: 1.ng-disabled="一种状态:该状态下不可用"例如: %button.btn.btn-2(ng-disabled="!activity_name")创建 //"activity_name"是一个可判断的值,当其值为true时,按钮可正常显示;flase时,按钮为灰色不可点 2.ng-tap="一个函数:点击时触发" %button.btn.btn-2( ng-tap=&qu

JS里设定延时:js中SetInterval与setTimeout用法

js中SetInterval与setTimeout用法 JS里设定延时: 使用SetInterval和设定延时函数setTimeout 很类似.setTimeout 运用在延迟一段时间,再进行某项操作. setTimeout("function",time) 设置一个超时对象 setInterval("function",time) 设置一个超时对象 SetInterval为自动重复,setTimeout不会重复. clearTimeout(对象) 清除已设置的se

js获取html元素? js里&quot;==&quot;和&quot;===&quot;区别?

现在的我的cpu又添加一项进程,那就是javaScript. 一.js获取html元素常用的方法: js获取html元素常用的方法有: 1)var obj = document.getElementById("#id");非常常用是通过Id来获取页面元素的. 2) var obj = document.getElementsByTagName("element");这个是通过html页面标签来获取元素的.在一个页面中相同的标签会出现很多次,如何能定位到自己想要的呢?

理解 Node.js 里的 process.nextTick()

有很多人对Node.js里process.nextTick()的用法感到不理解,下面我们就来看一下process.nextTick()到底是什么,该如何使用. Node.js是单线程的,除了系统IO之外,在它的事件轮询过程中,同一时间只会处理一个事件.你可以把事件轮询想象成一个大的队列,在每个时间点上,系统只会处理一个事件.即使你的电脑有多个CPU核心,你也无法同时并行的处理多个事件.但也就是这种特性使得node.js适合处理I/O型的应用,不适合那种CPU运算型的应用.在每个I/O型的应用中,

怎么在html页面和js里判断是否是IE浏览器

HTML里: HTML代码中,在编写网页代码时,各种浏览器的兼容性是个必须考虑的问题,有些时候无法找到适合所有浏览器的写法,就只能写根据浏览器种类区别的代码,这时就要用到判断代码了.在HTML代码中,区别各种浏览器的代码如下,以ie6为例 <!--[if IE 6]>仅IE6可识别<![endif]--> <!--[if lte IE 6]> IE6及其以下版本可识别<![endif]--> <!--[if lt IE 6]> IE6以下版本可识

JS里写入(混写)php&nbsp;asp

原文:JS里写入(混写)php asp JS里写入(混写)php 方法1:<Br> <script language="javascript"> document.write("<?php echo "阳光谢谢你"?>"); </script> <Br> <Br> 方法2<Br> <script language="javascript"