JS基础5-流程控制语句之条件（if、switch）

一、if语句

正如中文翻译一样，如果...则...。

<script type="text/javascript">
//只有两种情况下if(条件){要执行的语句块;}else{要执行的语句块;}
//多种情况下if(条件){要执行的语句块;}else if(条件){要执行的语句块;}else{要执行的语句块;}
</script>

通用格式

if(这个条件满足){则执行这个语句}

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>流程控制语句(if,swith)</title>
<script type="text/javascript">var a=prompt();if(a==5){alert("a=5");}else{alert("a!==5");}
//    只有两种情况if(a<5){alert("a<5");}else if(a>=5&&a<=10){alert("a>=5并且a<=10");}else if(a>10&&a<20){alert("a>10并且a<20");}else{alert("a不在范围内");}    </script>
</head><body></body>
</html>

例子1

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript">var a=prompt();if(a>=0&&a<=100){alert("a∈[0,100]");}else{alert("a∉[0,100]");}var b=prompt();if(b<=50&&b>=0){alert("使劲努力，不要偷懒！");}else if(b>=50&&b<=60){alert("就差一点点，再加把劲");}else if(b>=80&&b<=100){alert("你学的不错，值得表扬");}else if(b>=60&&b<=80){alert("你已经进步了很多");}else{alert("满分一百");}var manheight=prompt("请输入男士身高");var manweight=prompt();if(manweight-manheight+100>=-3&&manweight-manheight+100<=3){alert("您的体重很标准");}else{alert("您需要更健康的生活方式");}var womenheight=prompt();var womenweight=prompt();if (womenweight-womenheight+110>=3&&manweight-manheight+110<=3){alert("您的体重很标准");}else{alert("您需要更健康的生活方式");}
</script>
</head><body>
</body>
</html>

例子2

    var a=parseFloat(prompt("请输入一元二次方程二次幂系数a(a不等于0)"));var b=parseFloat(prompt("请输入一元二次方程一次幂系数b"));var c=parseFloat(prompt("请输入一元二次方程常数"));if("(b*b)-(4a*c)>0"){document.write("次方程有两个实根");}else if("(b*b)-(4a*c)==0"){document.write("次方程有且只有单根");}else if("(b*b)-(4a*c)<0"){document.write("次方程无实数根");}else{document.write("请输入正确值");}

一元二次方程跟

二、switch

<script type="text/javascript">switch(表达式){case 值1：执行的语句块:break;case 值2：执行的语句块:break;case 值3：执行的语句块:break;...default：执行的语句块;}
</script>

csae 值：这个值必须和选取的那个地方的值的类型相同输入这个值时并不默认为字符串类型，输入数字时是默认数值类型

    var a=prompt("请输入今天是几号");var    b=parseInt(a);switch(b){case 2.26:alert("今天是周一");break;case 2.27:alert("今天是周二");break;case 2.28:alert("今天是周三");break;case 3.1:alert("今天是周四");break;case 3.2:alert("今天是Friday");break;case 3.3:alert("今天是Starday");break;case 3.4:alert("今天是Sunday");break;}

例1

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Date对象</title>
<script type="text/javascript">//Datevar d1=new Date();//创建儿子的第一种方法
//    document.write(d1.toString()+"<br>");//第二种创建方式
//    var d2=new Date("2009-02-28 18:18:18");
//    document.write(d2.toDateString());
        d1.setFullYear(2018);d1.setMonth(0);d1.setDate(18);var year=d1.getFullYear();var month=d1.getMonth()+1;var date=d1.getDate();var day=d1.getDay();switch(day){case 0:day="星期天";break;case 1:day="星期一";break;case 2:day="星期二";break;case 3:day="星期三";break;case 4:day="星期四";break;case 5:day="星期五";break;case 6:day="星期六";break;default:day="错误数据"}document.write(year+"年"+month+"月"+date+"日"+day);</script>
</head><body>
</body>
</html>

获取时间

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript">
function test(){var a=document.getElementById('name').value;var b=document.getElementById('sex').value;var c=document.getElementById('hello');var e=/\w/;var res=e.test(a);//正则表达式要跟上一个判断或返回if(a==""){alert("必须输入姓名才能弹出");}
//    else if(!isNaN(a)){//        alert("必须输入非数字才可以");
//    }else if(res==true){alert("请输入单词字符");}else if(a!==""){switch(b){case "s"://csae 值：这个值必须和选取的那个地方的值的类型相同 输入这个值时并不默认为字符串类型，输入数字时是默认数值类型alert(a+"你好");break;case "man":alert(a+"先生你好");break;case "woman":alert(a+"女士你好");break;default:alert("错误数据");}}
}
</script>
</head><body>
<div><input type="text" placeholder="姓名" id="name"><select name="" id="sex"><option value="s">性别</option><option value="man">男</option><option value="woman">女</option></select><input type="button" value="问候" id="hello" onClick="test()">
</div>
</body>
</html>

例二-问候

//只有两种情况下

if(条件){

要执行的语句块;

}else{

要执行的语句块;

}

//多种情况下

if(条件){

要执行的语句块;

}else if(条件){

要执行的语句块;

}else{

要执行的语句块;

}

</script>

转载于:https://www.cnblogs.com/LuckyGJX/p/8489335.html

JS基础5-流程控制语句之条件（if、switch）相关推荐

JS基础_流程控制语句
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 < ...
[GO语言基础] 五.顺序控制语句和条件控制语句（if、else、switch）
作为网络安全初学者,会遇到采用Go语言开发的恶意样本.因此从今天开始从零讲解Golang编程语言,一方面是督促自己不断前行且学习新知识:另一方面是分享与读者,希望大家一起进步.前文介绍了Golang的 ...
【68】JS(4)——表达式和语句②流程控制语句(1)条件分支语句
本篇学习目标: 1.掌握各个条件分支语句的用法: 2.理解常见案例实现思路. 目录一.if 语句 1. 介绍 2. 语法 3. 注意事项 (1)实现选择功能 (2)殊途同归 (3)不建议省略大括号 ...
Java编程基础04——流程控制语句
1.顺序结构语句(了解) A:什么是流程控制语句流程控制语句:可以控制程序的执行流程. B:流程控制语句的分类顺序结构选择结构循环结构 C:执行流程: 从上往下,依次执行. D:案例演示输出 ...
java第一周_从计算机基础到流程控制语句（if_else）
一.计算机基础裸机没有安装任何软件的计算机(无操作系统.无应用软件) 计算机的应用 1.科学计算科学计算也称数值计算.计算机最开始是为解决科学研究和工程设计中遇到的大量数学问题的数值计算而研制的 ...
java控制语句案例_Java基础语法—流程控制语句
在一个程序执行的过程中,各条语句的执行顺序对程序的结果是有直接影响的.所以,我们必须清楚每条语句的执行流程.而且,很多时候要通过控制语句的执行顺序来实现我们想要的功能. 3.1 流程控制语句分类 ...
Go语言基础语法-流程控制语句
前言程序是由语句构成,而流程控制语句是用来控制程序中每条语句执行顺序的语句.可以通过控制语句实现更丰富的逻辑以及更强大的功能.几乎所有编程语言都有流程控制语句,功能也都基本相似. 其流程控制方式有 ...
Java基础之流程控制语句
流程控制语句流程控制,顾名思义在程序流程中进行控制操作.其实对于流程控制,大多数人在高中的数学中就见到过,只不过那个时候叫做"流程图".如图, Java中的流程控制语句按结构分为 ...
Python基础之流程控制语句
一.if流程控制语句 python当中的显示布尔值和隐式布尔值 1.显示布尔值 True.False.逻辑比较 2.隐式布尔值 0 none 空(空列表空字符空字典)都为False,其余都为Tru ...

JS基础5-流程控制语句之条件（if、switch）

JS基础5-流程控制语句之条件（if、switch）相关推荐

最新文章

热门文章