zoukankan      html  css  js  c++  java
  • 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/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    apicloud 运费计算js+页面
    css让字体细长
    vue 请求完接口后执行方法
    js监听当前页面再次加载
    用apicloud+vue的VueLazyload实现缓存图片懒加载
    git merge和git rebase的区别(转)
    yuan先生博客链接
    django组件之contenttype(一)
    Django的orm中get和filter的不同
    python第三方库requests详解
  • 原文地址:https://www.cnblogs.com/ylbtech/p/2857085.html
Copyright © 2011-2022 走看看