JS：2.1，流程控制(if,switch)高级-阿里云开发者社区

JS：2.1，流程控制(if,switch)高级

2017-10-10 996

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

ylbtech-流程控制:流程控制(if,switch)高级

JS：2.1.0，if语句返回顶部

If 语句

如果希望指定的条件成立时执行代码，就可以使用这个语句。

语法：

if (条件)  {  条件成立时执行代码  }

注意：请使用小写字母。使用大写的 IF 会出错！

实例 1

<script type="text/javascript">  
//Write a "Good morning" greeting 
if  //the time is less than 10
var d=new Date()  
var time=d.getHours()    
if (time<10)   
{  document.write("<b>Good morning</b>")  }  
</script>

实例 2

<script type="text/javascript">  
//Write "Lunch-time!" 
if the time is 11    
var d=new Date()  
var time=d.getHours()    
if (time==11)   
{  document.write("<b>Lunch-time!</b>")  }  
</script>

注意：请使用双等号 (==) 来比较变量！

注意：在语法中没有 else。仅仅当条件为 true 时，代码才会执行。

JS：2.1.1，if返回顶部

<html>
<body>

<script type="text/javascript">
var d = new Date()
var time = d.getHours()

if (time < 10) 
{
document.write("<b>早安</b>")
}
</script>

<p>本例演示 If 语句。</p>

<p>如果浏览器时间小于 10，那么会向您问“早安”。</p>

</body>
</html>

JS：2.1.2，if-else返回顶部

<html>
<body>

<script type="text/javascript">
var d = new Date()
var time = d.getHours()

if (time < 10) 
{
document.write("<b>早安</b>")
}
else
{
document.write("<b>祝您愉快</b>")
}
</script>

<p>本例演示 If...Else 语句。</p>

<p>如果浏览器时间小于 10，那么会向您问“早安”，否则会向您问候“祝您愉快”。</p>

</body>
</html>

JS：2.1.2，if-else_if-else返回顶部

<html>
<body>

<script type="text/javascript">
var d = new Date()
var time = d.getHours()
if (time<10)
{
document.write("<b>Good morning</b>")
}
else if (time>=10 && time<16)
{
document.write("<b>Good day</b>")
}
else
{
document.write("<b>Hello World!</b>")
}
</script>

<p>本例演示 if..else if...else 语句。</p>

</body>
</html>

JS：2.1.3，switch返回顶部

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>
<pre>
JavaScript Switch 语句
如果希望选择执行若干代码块中的一个，你可以使用 switch 语句：

语法：
switch(n)
   {
   case 1:
     执行代码块 1
     break
   case 2:
     执行代码块 2
     break
   default:
     如果n即不是1也不是2，则执行此代码
   }
工作原理：switch 后面的 (n) 可以是表达式，也可以（并通常）是变量。
然后表达式中的值会与 case 中的数字作比较，如果与某个 case 相匹配
，那么其后的代码就会被执行。break 的作用是防止代码自动执行到下一行。

实例：
</pre>
<script type="text/javascript">
//You will receive a different greeting based
//on what day it is. Note that Sunday=0,
//Monday=1, Tuesday=2, etc.

var d=new Date()
theDay=d.getDay()

switch (theDay)
   {
   case 5:
     document.write("Finally Friday")
     break
   case 6:
     document.write("Super Saturday")
     break
   case 0:
     document.write("Sleepy Sunday")
     break
   default:
     document.write("I'm looking forward to this weekend!")
}
</script>
</body>
</html>