当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript switch case 的用法实例[范围]

Javascript
文档对象模型(DOM)的技巧和诀窍
Javascript在IE与firefox中表现的异同
文档对象模型(DOM)的基本方法
javaScript DOM方法与属性摘要
Javascript的一些属性讲解
JavaScript代码规范
IE和Firefox的兼容性问题
innerHTML,outerHTML,innerText,outerText
FireFox支持innerText
JavaScript Dom编程:介绍学习书籍
JavaScript教程:关于时间格式转换
JavaScript教程:判断日期正确与否的函数
解决JS脚本兼容的几个小技巧
使用createElement动态创建HTML对象
Javascript事件处理代码的三种写法
Javascript教程:展示风格的价值
Javascript在IE和FF里的兼容问题
JavaScript扩展:正则像函数一样调用
初学Ajax须注意的几个问题
学习JavaScript的事件

Javascript 中的 JavaScript switch case 的用法实例[范围]


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-10   浏览: 634 ::
收藏到网摘: n/a

JavaScript switch case 的用法实例,大家可以参考下。 几个例子:
复制代码 代码如下:

function case1(num){
switch(num){
case 1:
document.writeln("show 1!!");
break;
case 2:
document.writeln("show 2!!");
break;
case 3:
document.writeln("show 3!!");
break;
default:
document.writeln("show others!!");
break;
}
}
function case2(num){
switch(num){
case 1:
document.writeln("show 1!!");
//沒有break,所以會繼續執行case 2
case 2:
document.writeln("show 2!!");
break;
case 3:
document.writeln("show 3!!");
//沒有break,所以會繼續執行case 4
case 4:
document.writeln("show 4!!");
break;
default:
document.writeln("show others!!");
break;
}
}
function case3(num){
switch(num){
case 1:
case 2:
//相當於if(num==1 || num==2)
document.writeln("show 1 or 2!!");
break;
case 3:
case 4:
//相當於if(num==3 || num==4)
document.writeln("show 3 or 4!!");
break;
default:
//相當於else
document.writeln("show others!!");
break;
}
}
function case4(num){
switch(f(num)){
case 1:
case 2:
//相當於if(num==1 || num==2)
document.writeln("show 1 or 2!!");
break;
case 3:
case 4:
//相當於if(num==3 || num==4)
document.writeln("show 3 or 4!!");
break;
default:
//相當於else
document.writeln("show others!!");
break;
}
}
function f(num){
return num;
}
function case5(num){
switch(num<=2){
case true:
document.writeln("num <= 2");
break;
case false:
document.writeln("num > 2");
break;
}
}

JavaScript switch case 语句设置范围
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]