how2j.cn


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


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

示例 1 :

条件成立时执行

edit 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 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 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 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 全屏编辑,再次点击恢复
渲染中 渲染完成
效果
示例 5 :

练习

练习难度 edit edit Or  姿势不对,事倍功半! 点击查看做练习的正确姿势
使用else if 实现 多条件判断-switch 中相同的效果


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


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

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

上传截图