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公众号,关注后实时获知最新的教程和优惠活动,谢谢。


问答区域    
2022-03-31 练习
莫諾




使用else if 实现 多条件判断-switch 中相同的效果
<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 if(day == 6)
		today = "星期六";
	document.write("今天是" + today);
</script>

							





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





2020-12-17 练习答案
hhhzt




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

							





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





2020-06-29 就叫急支糖浆的练习
2020-05-20 getday()这个函数过时了吗?
2020-03-10 if判断语句


提问太多,页面渲染太慢,为了加快渲染速度,本页最多只显示几条提问。还有 6 条以前的提问,请 点击查看

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

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

上传截图