JavaScript的switch、for、while语句代码示例

1、switch

switch语句没什么好说了,直接上例子:

<html>
<head>
<meta charset="utf-8">
<title>示例</title>
</head>
<body>
<p>点击下面的按钮来显示今天是周几:</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
	 var x;
	 var d=new Date().getDay();
	 switch (d){
    case 0:x="今天是星期日";
     break;
   case 1:x="今天是星期一";
        break;
    case 2:x="今天是星期二";
        break;
        case 3:x="今天是星期三";
      break;
    case 4:x="今天是星期四";
     break;
    case 5:x="今天是星期五";
        break;
    case 6:x="今天是星期六";
     break;
     // default:
     // x="星期八;
      }
 document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>
2、for

直接例子:

<html>
<head>
<meta charset="utf-8">
<title>for</title>
</head>
<body>
<p>点击按钮循环代码5次。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
  var x="";
  for (var i=0;i<5;i++){
   x=x + "该数字为 " + i + "<br>";
  }
  document.getElementById("demo").innerHTML=x;
 }
</script>
</body>
</html>
3、while

首先来do/while:

<html>
<head>
<meta charset="utf-8">
<title>do/while</title>
</head>
<body>
<p>点击下面的按钮,只要 i 小于 5 就一直循环代码块。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
  var x="",i=0;
  do{
    x=x + "该数字为 " + i + "<br>";
      i++;
  }
  while (i<5)
  document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>  

while:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>while</title>
</head>
<body>
<p>点击下面的按钮,只要 i 小于 5 就一直循环代码块。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
 var x="",i=0;
 while (i<5){
  x=x + "该数字为 " + i + "<br>";
  i++;
 }
 document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值