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