JavaScript if…else语句

77 阅读 0 评论 51 点赞

我是靠谱客的博主英俊金毛，最近开发中收集的这篇文章主要介绍JavaScript if…else语句，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

开发工具与关键技术：dw  if…else语句
作者：黄海峰
撰写时间：2019.06.09

JavaScript if…else语句是条件语句用于基于不同的条件来执行不同的动作。
条件语句：
通常在写代码时，您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。在JavaScript中，我们可以使用以下条件语句：
1.if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码
2.if…else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码
3.if…else if…else 语句 - 使用该语句来选择多个代码块之一来执行
4.switch 语句 - 使用该语句来选择多个代码块之一来执行
If语句：
只有当指定条件为true时，该语句才会执行代码。
语法：
if(条件)
{
只有条件为true时执行的代码
}
注意：请使用小写的 if。使用大写字母（IF）会生成 JavaScript 错误！
接下来我们做一个例子，我们写好HTML，做一个按钮，写上点击事件，然后写函数方法，声明变量x为空，再声明一个变量获取到现在的时间，如果现在的时间小于20:00的话，就生成一个“Good day”的问候语句，让给我们来看下源代码：
< p>如果时间早于 20:00，会获得问候 “Good day”。< /p>
< button οnclick=“myFunction()”>点击这里< /button>
< p id=“demo”>< /p>
< script>
function myFunction()
{
var x="";
var time=new Date().getHours();
if (time<20)
{
x=“Good day”;
}
document.getElementById(“demo”).innerHTML=x;
}
如果时间小于20:00的话，那么p标签的HTML文本就会变化，如果大于20：00的话，那么p标签的的内容就不会有变化。但是请注意，在这个语法中，没有 …else…。您已经告诉浏览器只有在指定条件为 true 时才执行代码。
if…else语句：
请使用 if…else 语句在条件为 true 时执行代码，在条件为 false 时执行其他代码。
语法：
if(条件)
{
当条件为 true 时执行的代码
}
else
{
当条件不为 true 时执行的代码
}
我们可以在上面的例子延伸一下，在函数内的if语句后面加上else和要执行的代码就行了：
< p>如果时间早于 20:00，会获得问候 “Good day”。< /p>
< button οnclick=“myFunction()”>点击这里< /button>
< p id=“demo”>< /p>
< script>
function myFunction()
{
var x="";
var time=new Date().getHours();
if (time<20)
{
x=“Good day”;
}else{
x=“Good evening”;
}
document.getElementById(“demo”).innerHTML=x;
}
代码执行后当时间小于 20:00 时，将得到问候 “Good day”，否则将得到问候 “Good evening”。
If…else if…else 语句：
使用 if…else if…else 语句来选择多个代码块之一来执行。
语法：
if(条件1)
{
当条件1为 true 时执行的代码
}
else if(条件2)
{
当条件2为 true 时执行的代码
}
else
{
当条件1和条件2都不为 true 时执行的代码
}
一个实例继续添加内容，我们可以更直观的了解语句的用法。因为是最后的一个语句应发所以我们就直接上图片吧：
在这里插入图片描述

这里是点击事件调用后p标签直接显示内容了。
Ps：内容来源于W3CSchool站。