Dzwebs.Net

撰写电脑技术杂文十余年

JS条件语句IF…ELSE介绍

Admin | 2009-5-27 21:01:53 | 被阅次数 | 18502

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  JavaScript 中的条件语句用于完成不同条件下的行为。

  在JavaScript 中,我们可以使用下面几种条件语句:

  ①if 语句
  在一个指定的条件成立时执行代码。

  ②if...else 语句
  在指定的条件成立时执行代码,当条件不成立时执行另外的代码。

  ③if...else if....else 语句
  使用这个语句可以选择执行若干块代码中的一个。

  ④switch 语句
  使用这个语句可以选择执行若干块代码中的一个。 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 时,代码才会执行。

  二、If...else 语句

  如果希望条件成立时执行一段代码,而条件不成立时执行另一段代码,那么可以使用 if....else 语句。

  语法:
  if (条件)
  {
  条件成立时执行此代码
  }
  else
  {
  条件不成立时执行此代码
  }

  实例
  <script type="text/javascript">
  //If the time is less than 10,
  //you will get a "Good morning" greeting.
  //Otherwise you will get a "Good day" greeting.

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

  if (time < 10)
  {
  document.write("Good morning!")
  }
  else
  {
  document.write("Good day!")
  }
  </script>

  三、If...else if...else 语句

  当需要选择多套代码中的一套来运行时,请使用 if....else if...else 语句。

  语法:
  if (条件1)
  {
  条件1成立时执行代码
  }
  else if (条件2)
  {
  条件2成立时执行代码
  }
  else
  {
  条件1和条件2均不成立时执行代码
  }

  实例:

  <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>


该杂文来自: 网页制作杂文

上一篇:JavaScript比较和逻辑运算符介绍

下一篇:JS Switch语句介绍

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计