1.if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码
2.if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码
3.JavaScript三目运算 - 当条件为true 时执行代码,当条件为 false 时执行其他代码
4.if...else if....else 语句- 使用该语句来选择多个代码块之一来执行
5.switch 语句 - 使用该语句来选择多个代码块之一来执行
If 语句
只有当指定条件为 true 时,该语句才会执行代码。
实例
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
var day ="";
var time=new Date().getHours();
if (time<20){//现在的时间小于20点
day="白天了";
}
document.getElementById("demo").innerHTML= day;
}
</script>
If...else 语句
请使用 if....else 语句在条件为 true 时执行代码,在条件为 false 时执行其他代码。
实例
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
var day="";
var time=new Date().getHours();
if (time<20){//当时间小于20:00 时,生成问候"白天了",
day="白天了";
}else{//否则生成问候 "晚上上"
day="晚上了";
}
document.getElementById("demo").innerHTML=day;
}
</script>
Javascript三目运算(三元运算) 语句
与其他语言类似,JavaScript存在一个用于条件判断的三目(三元)运算符,它的基本使用方式是这样的:对于条件表达式b ? x : y,先计算条件b,然后进行判断。如果b的值为true,计算x的值,运算结果为x的值;否则,计算y的值,运算结果为y的值。一个条件表达式绝不会既计算x,又计算y。条件运算符是右结合的,也就是说,从右向左分组计算。例如,a ? b : c ? d : e将按a ? b : (c ? d : e)执行。
实例
5 > 3 ? alert("5大于3") : alert("5小于3");
注意:if...else与三目运算这两者的区别,总结为一句话:三目运算有返回值,if else没有返回值
If...else if...else 语句
使用 if....else if...else 语句来选择多个代码块之一来执行。
实例
<script type="text/javascript">
var d = new Date();
var time = d.getHours();
if (time<10){
//小于10:00的时候,生成问候"早上好",
document.write("<b>早上好</b>");
}else if (time>=10 && time<20){
//大于等于10:00的并小于20:00,生成问候"今天好"
document.write("<b>今天好</b>");
}else{
//否则生成问候 "晚上好"
document.write("<b>晚上好!</b>");
}
</script>
JavaScript switch 语句
请使用 switch 语句来选择要执行的多个代码块
实例
显示今天的星期名称。 Sunday=0, Monday=1, Tuesday=2, 等等:
<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;
}
document.getElementById("demo").innerHTML=x;
}
</script>
break 关键词
如果 JavaScript 遇到 break
关键词,它会跳出 switch 代码块。
此举将停止代码块中更多代码的执行以及 case
测试。
如果找到匹配,并完成任务,则随机中断执行(break)。无需更多测试。
break
能够节省大量执行时间,因为它会“忽略” switch 代码块中的其他代码的执行。
不必中断 switch 代码块中的最后一个 case
。代码块在此处会自然结束。
default 关键词
请使用 default 关键词来规定匹配不存在时做的事情
实例
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x;
var d=new Date().getDay();
switch (d)
{
case 6:x="今天是星期六";
break;
case 0:x="今天是星期日";
break;
default:
x="期待周末";
}
document.getElementById("demo").innerHTML=x;
}
</script>