JavaScript if...Else 语句

条件语句

在 JavaScript 中，我们可使用以下条件语句：

if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码
if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码
if...else if....else 语句- 使用该语句来选择多个代码块之一来执行
switch 语句 - 使用该语句来选择多个代码块之一来执行

if 语句

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

语法

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

使用小写的 if。使用大写字母（IF）会生成 JavaScript 错误！

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>博客园mtimeyu</title>
</head>
<body><p>如果时间早于 20:00，会获得问候 "Good day"。</p>
<button οnclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){var x="";var time=new Date().getHours();if (time<20){x="Good day";}document.getElementById("demo").innerHTML=x;
}
</script></body>
</html>

if...else 语句

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

语法

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

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

<body><p>点击这个按钮，获得基于时间的问候。</p>
<button οnclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){var x="";var time=new Date().getHours();if (time<20){x="Good day";}else{x="Good evening";}document.getElementById("demo").innerHTML=x;
}
</script></body>

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

JavaScript switch 语句

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

语法
switch(n)
{case 1:执行代码块 1break;case 2:执行代码块 2break;default:与 case 1 和 case 2 不同时执行的代码
}

工作原理：首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。

显示今天的星期名称。请注意 Sunday=0, Monday=1, Tuesday=2, 等等：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>博客园mtimeyu</title>
</head>
<body><p>点击下面的按钮来显示今天是周几：</p>
<button οnclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){var x;var d=new Date().getDay();switch (d){case 0:x="今天是星期日";break;case 1:x="今天是星期一";break;case 2:x="今天是星期二";break;case 3:x="今天是星期三";break;case 4:x="今天是星期四";break;case 5:x="今天是星期五";break;case 6:x="今天是星期六";break;}document.getElementById("demo").innerHTML=x;
}
</script></body>
</html>

default 关键词

请使用 default 关键词来规定匹配不存在时做的事情：

如果今天不是星期六或星期日，则会输出默认的消息：

<html>
<head>
<meta charset="utf-8">
<title>博客园mtimeyu</title>
</head>
<body><p>点击下面的按钮，会显示出基于今日日期的消息：</p>
<button οnclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{var x;var d=new Date().getDay();switch (d){case 6:x="今天是星期六";break;case 0:x="今天是星期日";break;default:x="期待周末";}document.getElementById("demo").innerHTML=x;
}
</script></body>
</html>

转载于:https://www.cnblogs.com/mtime2004/p/9748194.html

JavaScript学习——JavaScript 条件语句 switch语句 while语句相关推荐

《Python基础教程》学习笔记——条件、循环及其他语句
Python基础教程--条件.循环及其他语句条件.循环及其他语句再谈 print 和 import 打印多个参数导入时重命名赋值魔法序列解包链式赋值增强赋值代码块:缩进的乐趣条件和条 ...
选择语句switch和循环语句while
1.选择语句switch switch的基本结构是: switch(整型表达式) { 语句项: } 比如求星期几,就可以用这样一个程序: #include <stdio.h>int mai ...
Python学习4——条件、循环及其他语句总结
多种语句打印语句: 导入语句: 赋值语句: 代码块: 条件语句: 断言: 循环: 推导: pass.dal.exec和eval : 学习到的新函数:(以下函数的应用代码均在IDLE测试通过) ch ...
JavaScript学习---JavaScript基础知识
JavaScript的引入方式 JavaScript的引入方式: 1.直接在script里面写: 2.使用<script src="JS的文件位置"> {#1 直接编写 ...
JavaScript学习——JavaScript 循环
JavaScript for 循环使用for循环 <!DOCTYPE html> <html> <head> <meta charset="utf ...
oracle查询语句 switch,ORACLE SQL语句中的“SWITCH语句”函数DECODE
下面这个例子介绍ORACLE SQL Functions对DECODE函数的用法,引自官方文档 SELECT product_id, DECODE (warehouse_id, 1, ' ...
JavaScript学习笔记03-数组-Data对象-Math对象-包装类-字符串-正则
目录一.数组索引数组的特点 1.1.数组的创建 1.1.1.使用new关键字(构造函数) 1.1.2.使用字面量形式 1.1.3.创建数组的注意事项 1.2.数组的基本使用 1.2.1.存操作( ...
JavaScript基础06-day08【if练习、条件分支语句switch、for循环】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
javascript 学习三语句
1.if 语句 if (condition){ do something else } condition 是条件语句,在这里,condition 可以是任意表达式,但结果不一定就是布尔值,但java ...
JavaScript学习笔记：语句
JavaScript学习笔记:语句 JavaScript程序由语句组成,语句遵守特定的语法规则.例如:var语句.if语句.while语句.with语句.switch语句等. 1.块语句块语句常用于 ...

JavaScript学习——JavaScript 条件语句 switch语句 while语句

JavaScript if...Else 语句

条件语句

if 语句

语法

if...else 语句

语法

if...else if...else 语句

语法

JavaScript switch 语句

default 关键词

JavaScript学习——JavaScript 条件语句 switch语句 while语句相关推荐

最新文章

热门文章

JavaScript学习——JavaScript 条件 语句 switch语句 while语句

JavaScript if...Else 语句

条件语句

if 语句

语法

if...else 语句

语法

if...else if...else 语句

语法

JavaScript switch 语句

default 关键词

JavaScript学习——JavaScript 条件 语句 switch语句 while语句相关推荐

最新文章

热门文章

JavaScript学习——JavaScript 条件语句 switch语句 while语句

JavaScript学习——JavaScript 条件语句 switch语句 while语句相关推荐