how2j.cn


工具版本兼容问题
当条件成立时,就执行相应语句


关键字 简介 示例代码
if
条件成立时执行
示例代码
else
条件不成立时执行
示例代码
else if
多条件判断 - else if
示例代码
switch
多条件判断 - switch
示例代码
练习
示例代码
示例 1 : 条件成立时执行   
示例 2 : 条件不成立时执行   
示例 3 : 多条件判断 - else if   
示例 4 : 多条件判断 - switch   
示例 5 : 练习   

示例 1 :

条件成立时执行

edit
if条件一定是一个Boolean类型的值,当为true时,执行对应的语句
运行效果
<script> var age = 15; if(age<18){ document.write("如果年纪小于18,就看 卡通"); } </script>
<script>

var age = 15;

if(age<18){
   document.write("如果年纪小于18,就看 卡通");
}
</script>


源代码
1. 双击选中单词 2. 三击选中整行 3. CTRL+F 查找 4. F8 全屏编辑,再次点击恢复
渲染中 渲染完成
效果
示例 2 :

条件不成立时执行

edit
else表示当条件不成立时执行的代码
运行效果
<script> var age = 22; if(age<18){ document.write("年纪小于18就看卡通"); } else{ document.write("否则就看 你懂的"); } </script>
<script>

var age = 22;

if(age<18){
   document.write("年纪小于18就看卡通");
}
else{
   document.write("否则就看 你懂的");
}
</script>


源代码
1. 双击选中单词 2. 三击选中整行 3. CTRL+F 查找 4. F8 全屏编辑,再次点击恢复
渲染中 渲染完成
效果
示例 3 :

多条件判断 - else if

edit
else if 用于多条件判断
在本例中
小于 18是一个条件
19-21 是一个条件
大于21是一个条件
运行效果
<script> var age = 20; if(age<18){ document.write("小于18就看 卡通"); } else if(age<22){ document.write("大于等于18,并且小于22,就看 你懂的"); } else{ document.write("大于等于22就看 新闻联播"); } </script>
<script>

var age = 20;

if(age<18){
   document.write("小于18就看 卡通");
}
else if(age<22){
   document.write("大于等于18,并且小于22,就看 你懂的");
}
else{
   document.write("大于等于22就看 新闻联播");
}
</script>


源代码
1. 双击选中单词 2. 三击选中整行 3. CTRL+F 查找 4. F8 全屏编辑,再次点击恢复
渲染中 渲染完成
效果
示例 4 :

多条件判断 - switch

edit
switch 语句与else if一样,也是进行多条件判断的
需要注意的是,每个判断结束,都要加上break;
本例用到了Date对象,更多的用法,请参考 javascript 日期对象
运行效果
<script> var day=new Date().getDay(); //通过日期对象获取数字形式的星期几 var today; switch (day) { case 0: today="星期天"; break; case 1: today="星期一"; break; case 2: today="星期二"; break; case 3: today="星期三"; break; case 4: today="星期四"; break; case 5: today="星期五"; break; case 6: today="星期六"; break; } document.write("今天是 : "+today); </script>


源代码
1. 双击选中单词 2. 三击选中整行 3. CTRL+F 查找 4. F8 全屏编辑,再次点击恢复
渲染中 渲染完成
效果
使用else if 实现 多条件判断-switch 中相同的效果


HOW2J公众号,关注后实时获知布最新的教程和优惠活动,谢谢。


问答区域    
2019-07-25 ZZ交作业 JS条件语句
来载



JS里if语句也是只有一行时不用加花括号呀
<script>
var day=new Date().getDay(); //通过日期对象获取数字形式的星期几
var today;
if(day==0)
  today="星期天";
else if(day==1)
  today="星期一";
else if(day==2)
  today="星期二";
else if(day==3)
  today="星期三";
else if(day==4)
  today="星期四";
else if(day==5)
  today="星期五";
else
  today="星期六";

document.write("今天是 : "+today);

</script>

							





回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2019-07-14 交作业
weiss00



交作业
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			function showHello(){
				var day = new Date().getDay();
				var message;
				// alert(day);
				switch(day){
					case 0:
						message = "星期日";
					break;
					case 1:
						message = "星期一";
					break;
					case 2:
						message = "星期二";
					break;
					case 3:
						message = "星期三";
					break;
					case 4:
						message = "星期四";
					break;
					case 5:
						message = "星期五";
					break;
					case 6:
						message = "星期六";
					break;
				}
				document.write("今天" + message);
			}
		</script>
	</head>
	<body>
		<button onclick="showHello()">查询一下</button>
	</body>
</html>

							





回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2019-07-03 大学毕业就看新闻年播,心酸
2018-10-02 switch会自动转换类型,相当于==
2018-09-04 过几个月我就只能看新闻联播了。。。
2018-05-29 我干,到处都是看你懂的,到底啥是你懂的???
2018-03-14 如果我三种类型都看怎么办?
2017-04-05 哈哈哈 题猪老shai狼 嘎嘎嘎 是吗?




提问之前请登陆
提问已经提交成功,正在审核。 请于 我的提问 处查看提问记录,谢谢
关于 前端部分-JavaScript-条件语句 的提问

尽量提供截图代码异常信息,有助于分析和解决问题。 也可进本站QQ群交流: 1001964108
提问尽量提供完整的代码,环境描述,越是有利于问题的重现,您的问题越能更快得到解答。
对教程中代码有疑问,请提供是哪个步骤,哪一行有疑问,这样便于快速定位问题,提高问题得到解答的速度
在已经存在的几千个提问里,有相当大的比例,是因为使用了和站长不同版本的开发环境导致的,比如 jdk, eclpise, idea, mysql,tomcat 等等软件的版本不一致。
请使用和站长一样的版本,可以节约自己大量的学习时间。 站长把教学中用的软件版本整理了,都统一放在了这里, 方便大家下载: http://how2j.cn/k/helloworld/helloworld-version/1718.html

上传截图