欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 科技 > IT业 > JavaScript 条件

JavaScript 条件

2024/10/24 11:16:22 来源:https://blog.csdn.net/2301_78133614/article/details/141163421  浏览:    关键词:JavaScript 条件

条件语句用于基于不同条件执行不同的动作。

条件语句

在您写代码时,经常会需要基于不同判断执行不同的动作。

您可以在代码中使用条件语句来实现这一点。

在 JavaScript 中,我们可使用如下条件语句:

  • 使用 if 来规定要执行的代码块,如果指定条件为 true
  • 使用 else 来规定要执行的代码块,如果相同的条件为 false
  • 使用 else if 来规定要测试的新条件,如果第一个条件为 false
  • 使用 switch 来规定多个被执行的备选代码块

if 语句

请使用 if 语句来规定假如条件为 true 时被执行的 JavaScript 代码块。

语法

if (条件) {如果条件为 true 时执行的代码
}

注释:if 使用小写字母。大写字母(IF 或 If)会产生 JavaScript 错误。

<!DOCTYPE html>
<html lang="en"><body><P>如果小时小于16.00,显示美好的一天</P><P id="demo ">下午好</P><script>if (new Date().getHours() < 14) {document.getElementById("demo").innerHTML = "美好的一天"}</script></body></html>

请使用 else 语句来规定假如条件为 false 时的代码块。

if (条件) {条件为 true 时执行的代码块
} else { 条件为 false 时执行的代码块
}

如果 hour 小于16,创建 "早安" 问候,否则 "早安":

<!DOCTYPE html>
<html lang="en"><body><P>单机按钮以显示基于时间的问候语</P><button onclick="myFunction()">点击</button><P id="demo"></P><script>function myFunction() {var hour = new Date().getHours();var greeting;if (hour < 16) {greeting = "早安"} else {greeting = "早安";}document.getElementById("demo").innerHTML = greeting;}</script></body></html>

请使用 else if 来规定当首个条件为 false 时的新条件。

语法

if (条件 1) {条件 1 为 true 时执行的代码块
} else if (条件 2) {条件 1 为 false 而条件 2 为 true 时执行的代码块} else {条件 1 和条件 2 同时为 false 时执行的代码块
}

如果时间早于 10:00,则创建 "Good morning" 问候,如果不是,但时间早于 18:00,则创建 "Good day" 问候,否则创建 "Good evening":

<!DOCTYPE html>
<html lang="en"><body><P>单机按钮以显示基于时间的问候语</P><button onclick="myFunction()">点击</button><P id="demo"></P><script>function myFunction() {var time = new Date().getHours();var greeting;if (time < 10) {greeting = "Good morning";} else if (time < 18) {greeting = "Good day";} else {greeting = "Good evening";}document.getElementById("demo").innerHTML = greeting;}</script>
</body></html>

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com