>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 29449 个阅读者 刷新本主题
 * 贴子主题:  JavaScript 的if else语句 回复文章 点赞(0)  收藏  
作者:flybird    发表时间:2019-08-18 16:00:30     消息  查看  搜索  好友  邮件  复制  引用

                                                          

JavaScript  if...else 语句

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

条件语句

     通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。

     在 JavaScript 中,我们可使用以下条件语句:            
  • if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码
  • if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码
  • if...else if....else 语句- 使用该语句来选择多个代码块之一来执行
  • switch 语句 - 使用该语句来选择多个代码块之一来执行

if 语句

     只有当指定条件为 true 时,该语句才会执行代码。            

语法

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

    请使用小写的  if。使用大写字母(IF)会生成 JavaScript 错误!                    

范例

     当时间小于 20:00 时,生成问候 "Good day":

if   ( time < 20 )
{
     x = " Good day " ;
}


var d=new Date();
var time=d.getHours();

if (time <20)
{
   document.write("Good day");
}


      请注意,在这个语法中,没有 ..else..。您已经告诉浏览器只有在指定条件为 true 时才执行代码。            

if...else  语句

     请使用 if....else 语句在条件为 true 时执行代码,在条件为 false 时执行其他代码。            

语法

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

else    {
    当条件不为 true 时执行的代码
}            

范例

     当时间小于 20:00 时,生成问候 "Good day",否则生成问候 "Good evening"。

if   ( time < 20 )
{
     x = " Good day " ;
}
else
{
     x = " Good evening " ;
}


var d=new Date();
var time=d.getHours();
if (time <20)
{
    document.write("Good day");
}
else
{
   document.write("Good evening");
}              

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> " ) ;
}


var d=new Date();

var time=d.getHours();

if (time<10)
{
     document.write("早上好");
}
else if (time>=10 && time<16)
{
     document.write("今天好");
}
else
{
     document.write("晚上好!");
}


                

          

程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2020-02-14 09:52:03 重新编辑]
  Java面向对象编程-->Lambda表达式
  JavaWeb开发-->多线程(上)
  JSP与Hibernate开发-->JSP中使用JavaBean(Ⅰ)
  Java网络编程-->JavaWeb应用入门(Ⅱ)
  精通Spring-->Java应用分层架构及软件模型
  Vue3开发-->映射对象标识符
  Webpack 插件开发指南
  vue-resource和axios的变迁
  在Typescript脚本中使用axios
  总结:Vue的生命周期钩子函数的调用时机
  Vue选项的用法
  vue中监听object数据变化的基本原理
  Vue.js学习笔记-基础部分+完整实现代码
  Javascript DOM封装方法汇总
  响应式 Web 设计:网格视图
  CSS3 2D 转换
  HTML 头部的元素的用法
  JavaScript的window.screen对象
  JavaScript编程规范
  JavaScript 语法大全
  JavaScript 输出数据
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。