>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 29448 个阅读者 刷新本主题
 * 贴子主题:  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面向对象编程-->面向对象开发方法概述之开发思想(上)
  JavaWeb开发-->多线程(下)
  JSP与Hibernate开发-->JSP中使用JavaBean(Ⅰ)
  Java网络编程-->使用过滤器
  精通Spring-->Java Web项目实战:开发商业购物网站
  Vue3开发-->JPA API的高级用法
  聊聊Nodejs中的模块化和事件循环
  qs.parse()、qs.stringify()、JSON.stringify() 用法及区别
  基于vue-element-admin 的权限管理
  Vue自定义指令的用法
  vue导出pdf格式文件
  jQuery 效果:隐藏和显示
  HTML DOM Script 对象
  JavaScript中的HTML DOM Label 对象
  HTML DOM Radio 单选按钮对象
  JavaScript Error(错误) 对象
  jQuery UI 范例 - 选择条目(Selectable)
  CSS3 2D 转换
  JavaScript 库
  JavaScript 函数定义
  JavaScript 代码规范
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


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