Javascript if 语句使用详解

这篇具有很好参考价值的文章主要介绍了Javascript if 语句使用详解。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Javascript if 语句使用详解

目录

Javascript if 语句使用详解

一、if语句

二、if……else语句

三、if……else if语句


if语句是使用最为普遍的条件选择语句,每一种编程语言的if语句都差不多。if语句类型共有3种:

  • (1)if语句(单向选择);
  • (2)if……else语句(双向选择);
  • (3)if……else if语句(多向选择);

下面我们一一为大家详细介绍这3种if语句。

一、if语句

单一的if语句是“单分支选择结构语句”。

js if,JavaScript,javascript,开发语言,ecmascript

图1 单向选择

语法:

if(条件语句)
{
    执行语句;
}

说明:

其中“条件语句”可以是任何一种逻辑表达式,如果“条件语句”的返回结果为true,则程序先执行大括号“{}”中的“执行语句”,然后接着执行if后面的其他语句。

如果“条件语句”的返回结果为false,则程序跳过“{}”的“执行语句”,直接执行程序后面的其他语句。

举例:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var score=90;
        if(score>60)
        {
            alert("码农教程是一个不错的网站!");
        }
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果如下:

js if,JavaScript,javascript,开发语言,ecmascript

分析:我们之前学会用“document.write()”来输出结果,这次我们给大家介绍一种对话框的方式,那就是使用alert()函数来弹出对话框。大家先接触一下,我们在后面会给大家详细介绍。

二、if……else语句

“if……else”语句是“双向分支选择结构语句”,通常用于需要用两个程序分支来执行的情况(双向选择),也就是在if语句基础上多了一个分支。

js if,JavaScript,javascript,开发语言,ecmascript

图2 双向选择

语法:

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

举例:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var score=90;
        if(score<60)
        {
            alert("绿叶学习网?额,不敢恭维呀~~");
        }
        else
        {
            document.write("<strong style= ' color:red;'>码农教程是一个不错的网站!</strong>");
        }
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果如下:

js if,JavaScript,javascript,开发语言,ecmascript

分析:document.write()方法不仅仅可以输出文字或字符,还可以输出HTML代码,这是小技巧,大家记下哈。

三、if……else if语句

“if……else if”语句是“多分支选择结构语句”,用于选择多个代码块之一来执行。

语法:

if(条件1)
{
    当条件1为true时执行的代码
}
else if(条件2)
{
    当条件2为true时执行的代码
}
else
{
    当条件1和条件2都为false时执行的代码;
}

举例:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var d = new Date();
        var time = d.getHours();
        if(time<12)
        {
            document.write("早上好!");    //如果小时数小于12则输出“早上好!”
        }
        else if(time>12&&time<18)
        {
            document.write("下午好!");//如果小时数大于12并且小于18,输入“下午好!”
        }
        else
        {
            document.write("晚上好!");//如果上面两个条件都不符合,则输出“晚上好!”
        }
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果如下:

js if,JavaScript,javascript,开发语言,ecmascript

分析:

“var d = new Date();”是创建一个Date对象,“var time = d.getHours();”是获取Date对象中的小时数。这些内容我们会在JavaScript日期对象Date这一章详细讲解。

上面输出结果未必是“早上好”,这是根据你当前系统时间来判断的。由于站长测试的时候是11:00,所以输出的是“早上好”。文章来源地址https://www.toymoban.com/news/detail-861477.html

到了这里,关于Javascript if 语句使用详解的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 〖大前端 - 基础入门三大核心之JS篇⑰〗- JavaScript的流程控制语句「while循环语句」

    当前子专栏 基础入门三大核心篇 是免费开放阶段 。 推荐他人订阅,可获取扣除平台费用后的35%收益,文末名片加V! 说明:该文属于 大前端全栈架构白宝书专栏, 目前阶段免费开放 , 购买任意白宝书体系化专栏可加入 TFS-CLUB 私域社区。 福利:除了通过订阅\\\"白宝书系列专

    2024年02月04日
    浏览(54)
  • 〖大前端 - 基础入门三大核心之JS篇⑱〗- JavaScript的流程控制语句「break 和 continue语句」

    当前子专栏 基础入门三大核心篇 是免费开放阶段 。 推荐他人订阅,可获取扣除平台费用后的35%收益,文末名片加V! 说明:该文属于 大前端全栈架构白宝书专栏, 目前阶段免费开放 , 购买任意白宝书体系化专栏可加入 TFS-CLUB 私域社区。 福利:除了通过订阅\\\"白宝书系列专

    2024年02月05日
    浏览(27)
  • 〖大前端 - 基础入门三大核心之JS篇⑯〗- JavaScript的流程控制语句「for循环语句及算法题」

    当前子专栏 基础入门三大核心篇 是免费开放阶段 。 推荐他人订阅,可获取扣除平台费用后的35%收益,文末名片加V! 说明:该文属于 大前端全栈架构白宝书专栏, 目前阶段免费开放 , 购买任意白宝书体系化专栏可加入 TFS-CLUB 私域社区。 福利:除了通过订阅\\\"白宝书系列专

    2024年02月07日
    浏览(17)
  • javaScript:分支语句的理解与使用(附带案例)

    目录 前言 补充 另一种说法  分支语句 1.if语句  a.单分支语句 注意  b.双分支语句  注意点  c.多分支语句(分支语句的联级语句)  补充   2.三元运算符 三元运算符 ? : 使用场景 3.switch语句 解释 释义: 注意事项: 相关代码  案例  1.在input框输入两个数字判断大小 效

    2024年02月13日
    浏览(15)
  • 使用try...catch语句优雅地处理JavaScript错误

    🧑‍🎓 个人主页: 《爱蹦跶的大A阿》 🔥 当前正在更新专栏: 《VUE》 、《JavaScript保姆级教程》、《krpano》、《krpano中文文档》 ​  目录 ✨ 前言 ✨ 正文 简介 语法 示例 错误对象 抛出错误 finally 语句 总结 ✨ 结语   ​         JavaScript作为一门脚本语言,代码运行时

    2024年01月22日
    浏览(31)
  • 【JavaScript】案例1:使用JS完成注册页面校验

    🔎这里是【JavaScript】,关注我学习前端不迷路 👍如果对你有帮助,给博主一个免费的点赞以示鼓励 欢迎各位🔎点赞👍评论收藏⭐️ 【JavaScript】 目前主要更新JavaScript,一起学习一起进步。 本期主要介绍案例1:使用JS完成注册页面校验 1. 需求说明 2. 知识讲解-JavaScript(

    2024年02月06日
    浏览(16)
  • JavaScript系列从入门到精通系列第二十篇:使用工厂方法创建JavaScript对象,JavaScript构造函数详解,JavaScript类概念的介绍

    文章目录 一:使用工厂方法创建对象 1:原始写法 2:工厂方式 3:结果验证  二:构造函数 1:什么是构造函数 2:构造函数和普通函数的区别 3:构造函数的执行流程 三:类 1:什么是类 2:如何检查一个对象是否是个类的实例 3:Object的地位 四:构造函数修改 1:重大问题

    2024年02月08日
    浏览(13)
  • ActiveMQ使用(二):在JavaScript中使用mqtt.js

    jQuery-1.10 下载地址 : https://www.jsdelivr.com/package/npm/jquery-1.10.2?tab=files mqtt.js 4.3.7 : 下载地址 : https://www.jsdelivr.com/package/npm/mqtt JS HTML Web端使用MQTT通讯测试 MQTT.js 入门教程 https://www.jsdelivr.com/package/npm/mqtt 在 SprintBoot 项目中集成 ActiveMQ 后,接收到的数据为 字节数组 一种解决方式为

    2023年04月15日
    浏览(16)
  • Vue中v-if与v-for同时使用的影响和JavaScript中含对象的数组去重

    响应性和性能: v-for 指令会根据数组的每个元素创建和销毁对应的DOM元素,而 v-if 指令会根据条件来插入或移除元素。当 v-if 和 v-for 同时应用于同一个元素时,可能会影响Vue的响应性和性能。 循环内条件:当在 v-for 循环内使用 v-if 条件时,条件将针对每个循环项进行评估。

    2024年02月11日
    浏览(12)
  • 使用javascript-obfuscator给js文件加密

    注意:其中selfDefending设置为true时比较消耗系统性能,我设置为true时微信开发者工具直接白屏。 出现如下图蓝色字体即成功: 因为被混淆的代码文件是不可读的,所以需要自己备份原文件,以便后续维护修改。 💕 原创不易,还希望各位大佬支持一下 textcolor{blue}{原创不易

    2024年02月07日
    浏览(28)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包