位置:电子教程 > JavaScript教程 (如果看不到内容请使用360浏览器) 推荐学习资源
课程概要
JavaScript入门
JavaScript 语法
JavaScript 变量
JavaScript 数据类型
JavaScript 对象
JavaScript 函数
JavaScript 作用域
JavaScript 事件
JavaScript 字符串
JavaScript 运算符
JavaScript 比较 和 逻辑运算符
JavaScript if...Else 语句
JavaScript switch 语句
JavaScript for 循环
JavaScript while 循环
JavaScript break 和 continue 语句
JavaScript typeof, null, 和 undefined
JavaScript 类型转换
JavaScript 正则表达式
JavaScript 错误 - throw、try 和 catch
当前阅读教程:JavaScript教程 > if...else if...else 语句
阅读(22555525)      收藏       赞(5685)      分享
上一篇: if...else 语句 下一篇: JavaScript switch 语句

if...else if...else 语句

使用 if....else if...else 语句来选择多个代码块之一来执行。

语法

if (condition1)

{

    当条件 1 true 时执行的代码

}

else if (condition2)

{

    当条件 2 true 时执行的代码

}

else

{

  当条件 1 条件 2 都不为 true 时执行的代码

}

实例

如果时间小于 10:00,则生成问候 "Good morning",如果时间大于 10:00 小于 20:00,则生成问候 "Good day",否则生成问候 "Good evening"

if (time<10)

{

    document.write("<b>早上好</b>");

}

else if (time>=10 && time<16)

{

    document.write("<b>今天好</b>");

}

else

{

    document.write("<b>晚上好!</b>");

}

x 的结果是:

今天好

完整代码

<html>
<head>
<meta charset="utf-8">
<title>小白教程网 2d5.net</title>
</head>
<body>
 
<script type="text/javascript">
var d = new Date();
var time = d.getHours();
if (time<10)
{
     document.write("<b>早上好</b>");
}
else if (time>=10 && time<16)
{
     document.write("<b>今天好</b>");
}
else
{
     document.write("<b>晚上好!</b>");
}
</script>
<p>
这个例子演示了 if..else if...else 语句。
</p>
 
</body>
</html>

效果图

小白教程网www.2d5.net

image.png


上一篇: if...else 语句 下一篇: JavaScript switch 语句
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)