一、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><!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> ???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; ???}<!doctype html><html><head><meta charset="utf-8"><title>Date对象</title><script type="text/javascript"> ???//Date ???var 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><script type="text/javascript">
//只有两种情况下
if(条件){
要执行的语句块;
}else{
要执行的语句块;
}
//多种情况下
if(条件){
要执行的语句块;
}else if(条件){
要执行的语句块;
}else{
要执行的语句块;
}
</script>
JS基础5-流程控制语句之条件（if、switch）
原文地址：https://www.cnblogs.com/LuckyGJX/p/8489335.html