例
如果当前时间(HOUR)小于20:00，输出"Good day"在使用id =“演示”的元素：
var time = new Date().getHours();
if (time < 20) {
document.getElementById("demo").innerHTML = "Good day";
}其结果将是：
试一试» 更多"Try it Yourself"下面的例子。
定义和用法
该if / else语句，如果指定的条件为真时执行的代码块。 如果条件为假，另一个代码块可以被执行。
该if / else语句是JavaScript的一个部分"Conditional"语句，用于执行基于不同条件下不同的动作。
在JavaScript中，我们有以下条件语句：
- 使用if指定的代码块将被执行，如果一个指定的条件是真
- 使用else指定的代码块将被执行，如果相同的条件为假
- 使用else if指定一个新的条件来测试，如果第一个条件为假
- 使用switch来选择很多代码块中的一个要被执行
浏览器支持
| 声明 | |||||
|---|---|---|---|---|---|
| if/else | 是 | 是 | 是 | 是 | 是 |
句法
if语句指定如果一个条件为真时执行的代码块：
if ( else语句指定如果条件是假的要执行的代码块：
if ( 如果语句指定一个新的条件：第一条件是假的东西 ：
if ( 参数值 参数 描述 condition 需要。 计算结果为true或false的表达式
技术细节
JavaScript的版本： 1.0
更多示例
例
如果时间不到20:00，创建一个"Good day"的问候语，否则"Good evening" ：
var time = new Date().getHours();
if (time < 20) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
问候的结果将是：
试一试»
例
如果时间不到10:00，创建一个"Good morning"的问候语，如果没有，但时间小于20:00，创建一个"Good day"的问候语，否则"Good evening" ：
var time = new Date().getHours();
if (time < 10) {
greeting = "Good morning";
}
else if (time < 20) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
问候的结果将是：
试一试»
例
如果第一<div>在文档中元件具有一个id "myDIV" ，改变其字体大小：
var x = document.getElementsByTagName("DIV")[0];
if (x.id ===
"myDIV") {
x.style.fontSize = "30px";
} 试一试»
例
改变的值source属性(src)的的<img>元素，如果用户点击在图像上：
<img id="myImage" onclick="changeImage()" src="pic_bulboff.gif" width="100"
height="180">
<script>
function changeImage() {
var image =
document.getElementById("myImage");
if (image.src.match("bulbon")) {
image.src = "pic_bulboff.gif";
} else {
image.src = "pic_bulbon.gif";
}
}
</script> 试一试»
例
显示基于用户输入的消息：
var letter = document.getElementById("myInput").value;
var text;
// If the letter is "c"
if (letter === "c") {
text = "Spot on! Good job!";
// If the letter is "c" or "e"
}
else if (letter === "b" || letter === "d") {
text
= "Close, but not close enough.";
// If the letter is anything
else
} else {
text = "Waaay off..";
} 试一试»
例
验证输入数据：
var x, text;
// Get the value of the input field with id="numb"
x
= document.getElementById("numb").value;
// If x is Not a Number or
less than 1 or greater than 10, output "input is not valid"
// If x is
a number between 1 and 10, output "Input OK"
if (isNaN(x) || x < 1 || x > 10) {
text = "Input not valid";
} else {
text = "Input
OK";
} 试一试»
相关页面
JavaScript的教程： JavaScript的if ... else语句
JavaScript的教程： JavaScript的switch语句
<JavaScript语句参考