• JS:2.1,流程控制(if,switch)高级


    ylbtech-流程控制:流程控制(if,switch)高级
    JS:2.1.0,if语句 返回顶部

    If 语句

    如果希望指定的条件成立时执行代码,就可以使用这个语句。

    语法:

    if (条件)  {  条件成立时执行代码  }   

    注意:请使用小写字母。使用大写的 IF 会出错!

    实例 1

    <script type="text/javascript">  
    //Write a "Good morning" greeting 
    if  //the time is less than 10
    var d=new Date()  
    var time=d.getHours()    
    if (time<10)   
    {  document.write("<b>Good morning</b>")  }  
    </script>

    实例 2

    <script type="text/javascript">  
    //Write "Lunch-time!" 
    if the time is 11    
    var d=new Date()  
    var time=d.getHours()    
    if (time==11)   
    {  document.write("<b>Lunch-time!</b>")  }  
    </script>

    注意:请使用双等号 (==) 来比较变量!

    注意:在语法中没有 else。仅仅当条件为 true 时,代码才会执行。

    JS:2.1.1,if 返回顶部
    <html>
    <body>
    
    <script type="text/javascript">
    var d = new Date()
    var time = d.getHours()
    
    if (time < 10) 
    {
    document.write("<b>早安</b>")
    }
    </script>
    
    <p>本例演示 If 语句。</p>
    
    <p>如果浏览器时间小于 10,那么会向您问“早安”。</p>
    
    </body>
    </html>
    JS:2.1.2,if-else 返回顶部
    <html>
    <body>
    
    <script type="text/javascript">
    var d = new Date()
    var time = d.getHours()
    
    if (time < 10) 
    {
    document.write("<b>早安</b>")
    }
    else
    {
    document.write("<b>祝您愉快</b>")
    }
    </script>
    
    <p>本例演示 If...Else 语句。</p>
    
    <p>如果浏览器时间小于 10,那么会向您问“早安”,否则会向您问候“祝您愉快”。</p>
    
    </body>
    </html>
    JS:2.1.2,if-else_if-else 返回顶部
    <html>
    <body>
    
    <script type="text/javascript">
    var d = new Date()
    var time = d.getHours()
    if (time<10)
    {
    document.write("<b>Good morning</b>")
    }
    else if (time>=10 && time<16)
    {
    document.write("<b>Good day</b>")
    }
    else
    {
    document.write("<b>Hello World!</b>")
    }
    </script>
    
    <p>本例演示 if..else if...else 语句。</p>
    
    </body>
    </html>
    JS:2.1.3,switch返回顶部
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>
    
    <body>
    <pre>
    JavaScript Switch 语句
    如果希望选择执行若干代码块中的一个,你可以使用 switch 语句:
    
    语法:
    switch(n)
       {
       case 1:
         执行代码块 1
         break
       case 2:
         执行代码块 2
         break
       default:
         如果n即不是1也不是2,则执行此代码
       }
    工作原理:switch 后面的 (n) 可以是表达式,也可以(并通常)是变量。
    然后表达式中的值会与 case 中的数字作比较,如果与某个 case 相匹配
    ,那么其后的代码就会被执行。break 的作用是防止代码自动执行到下一行。
    
    实例:
    </pre>
    <script type="text/javascript">
    //You will receive a different greeting based
    //on what day it is. Note that Sunday=0,
    //Monday=1, Tuesday=2, etc.
    
    var d=new Date()
    theDay=d.getDay()
    
    switch (theDay)
       {
       case 5:
         document.write("Finally Friday")
         break
       case 6:
         document.write("Super Saturday")
         break
       case 0:
         document.write("Sleepy Sunday")
         break
       default:
         document.write("I'm looking forward to this weekend!")
    }
    </script>
    </body>
    </html>
    warn 作者:ylbtech
    出处:http://ylbtech.cnblogs.com/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    odoo11 访问MSQL Server等第三发数据源
    学习 Git Rebase
    Arch Linux 启用 MTU 探测
    可控函数
    DIY:从零开始写一个 SQL 构建器
    F# 4.6 预览版正式公布
    使用 Immutable Subject 来驱动 Angular 应用
    如何对付运行时可能为 null 的 Record Type
    Angular Forms
    不要使用 JWT 进行会话管理
  • 原文地址:https://www.cnblogs.com/ylbtech/p/2857085.html
Copyright © 2020-2023  润新知