how2j.cn

当条件成立时,就执行相应语句

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

示例 1 :

条件成立时执行

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 :

条件不成立时执行

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

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

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 :

练习

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


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


问答区域    
2017-04-05 哈哈哈 题猪老shai狼 嘎嘎嘎 是吗?
Airjoshua
是 吗?




2 个答案

wrf15284134473 答案时间:2017-04-19
how2j 答案时间:2017-04-05
。。。。




答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到








提问之前请登陆
关于 前端基础-JavaScript-条件语句 的提问

尽量提供截图代码异常信息,有助于分析和解决问题。 也可进本站QQ群交流: 389538688
站长会在每个工作日早上尽量回答提问(如果有漏掉没有回答的,请进群提醒一下)
提问尽量提供完整的代码,环境描述,越是有利于问题的重现,您的问题越能更快得到解答。
对教程中代码有疑问,请提供是哪个步骤,哪一行有疑问,这样便于快速定位问题,提高问题得到解答的速度
站长是玻璃心,提问的时候请语气温柔些 kiss~
截止2017-5-19日累计提问 1638个,站长回答了 1546个
截止2017-8-15日累计提问 2788个,站长回答了 2544个

上传截图