2015-03-2420:41:20
1)、if
结构:
if(条件表达式)
{
语句块;
}
[L1] ※if关键字后的括号一定不能省略,而且一定返回的是布尔值(true or false)
※“{}”内的是语句块的语法,如果if语句块是一个语句,“{}”可以省略,否则不可以省略,会造成结构混乱,即使代码写的工整也不行,因为计算机不会识别,
※if语句语句表达式后一定不要加“;”,加上“;”代表田间成立后执行空语句,这样不会得到我们想要的结果
※当if语句的条件表达式的值返回true时,会执行“{}”内的语句块;当返回值为false时,跳过语句块,执行“{}”后的语句
例:设计程序,实现银行汇款手续费金额的收取,假设银行汇款手续费为汇款金额的1%,手续费最低为2元,预览页面后,第一个文本框中输入汇款金额,单击【确定】按钮在第二个文本框中显示汇款手续费
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>银行汇款手续费</title>
<style>
label{
width:100px;
text-align:right;
display:block;
float:left;}
section{
width:260px;
text-align:center;}
</style>
<script>
/*设计程序,实现银行汇款手续费金额的收取,假设银行汇款手续费为汇款金额的1%,手续费最低为2元,预览页面后,显示下图效果,在第一个文本框中输入汇款金额,单击【确定】按钮在第二个文本框中显示汇款手续费,如下图所示*/
function getFee(){
var remittance=document.myForm.jine.value;//输入变量:汇款金额
var fee=remittance*0.01;
if(fee<2){
fee=2;}
document.myForm.feiyong.value=fee;
}
</script>
</head>
<body>
<section>[L1]
<form mothod=‘post‘ action=‘‘ name=‘myForm‘>
<p><label>[L2] 汇款金额:</label><input type=‘text‘ name=‘jine‘></p>
<p><label>手续费:</label><input type=‘text‘ name=‘feiyong‘></p>
<p><input type=‘button‘ value=‘确定‘ onclick=‘getFee()‘></p>
</form>
</section>
</body>
</html>
[L1]判断是否满足“条件表达式”,如果满足,执行语句块,否则跳出
2)、if…else…[L1]
结构:
if(条件表达式){
语句块1;
}else{
语句块2;
}
例:给定一个分数,判断是否及格并将结果显示在弹出窗口
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script language=‘javascript‘>
//给定一个分数,判断是否及格并将结果显示在弹出窗口
var score=30;
if(score>=60){
alert(‘恭喜你及格了!‘);
}else{
alert(‘对不起,你没及格,继续努力吧!!‘);
}
</script>
</head>
<body>
</body>
</html>
3)、选择嵌套语句
结构:
if(条件表达式1){
if(条件表达式2){
语句块1;
}else{
语句块2;
}
}else{
if(条件表达式3){
语句块3;
}else{
语句块4;
}
}
例:利用if…else…嵌套语句实现按分数划分等级,90分以上为优秀,80-90分为良好,70-79分为中等,60-69分为及格,69分一下为不及格。预览网页,在文本框中输入分数,单击判断按钮,在弹出窗口中显示等级
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<script language=‘javascript‘>
/*利用if…else…嵌套语句实现按分数划分等级,90分以上为优秀,80-90分为良好,70-79分为中等,60-69分为及格,69分一下为不及格。预览网页,如图所示,在文本框中输入分数,单击判断按钮,在弹出窗口中显示等级*/
function getScore(){
var Score=document.myScore.myscore.value;
if(Score>90&&Score<=100){
alert(‘优秀‘);
}else if(Score>=80){
alert(‘良好‘);
}else if(Score>=70){
alert(‘中等‘);
}else if(Score>=60){
alert(‘及格‘);
}else if(Score<60&&Score>0){
alert(‘不及格‘);
}else{
alert(‘您的输入有误!!‘);
}
}
</script>
<body>
<form method=‘post‘ name=‘myScore‘ action=‘‘>
<p><label>成绩:</label><input type=‘text‘ name=‘myscore‘><input type=‘button‘ value=‘判断‘ onclick=‘getScore()‘></p>
</form>
</body>
</html>
[L1]可以理解为“如果…就…,否则…”
4)、switch分支语句
※与if…else…的区别:if…else…的条件表达式是李哥逻辑表达式,返回true或者false;而switch后的语句为整型、字符型和字符串型,与case标签中的值进行比较
结构:
switch(表达式){
case 常量表达式1:语句块1;break;
case 常量表达式2:语句块2;break;
……
case 常量表达式n:语句块n;break;
[default:语句块n+1;break;]
}
※ switch后的表达式结果只能是整型,字符型和字符串型
※ case标记后的值必须为常量表达式,不能使用变量
※ case、default表姐后用“:”而非“;”,分号是结束语句
※ case标记后的语句块,无论多长,都不需用()
※ default语句可以省略,也可以放在顶端,没有限制
※ break语句为必选项,不可以缺少,break语句的作用是跳出当前语句,如果没有,程序会满足case后所有语句,达不到多选一的效果
小题:
例:输入一个正整数月份值,判断该值在那个季节
第一种方法
<script language=‘javascript‘>
var mon=6,str;
if(mon<1||mon>12){
str=‘The value you entered is incorrect!‘;
}else if(mon<=5){
str=mon+‘月份属于春季‘;
}else if(mon<=8){
str=mon+‘月份属于夏季‘;
}else if(mon<=11){
str=mon+‘月份属于秋季‘;
}else{ str=mon+‘月份属于冬季‘;
}
document.write(‘<h1>‘+str+‘</h1>‘);
</script>
第二种方法
<script language=‘javascript‘>
var mon=2,str; switch(mon){
case 1:case 2:case 12:str=mon+‘月份属于冬季‘;break;
case 3:case 4:case 5:str=mon+‘月份属于春季‘;break;
case 6:case 7:case 8:str=mon+‘月份属于夏季‘;break;
case 9:case 10:case 11:str=mon+‘月份属于秋季‘;break;
default:str=‘The value you entered is incorrect!‘;break;
}
document.write(‘<h1>‘+str+‘</h1>‘);
</script>
原文:http://www.cnblogs.com/xiaotudou-datudou/p/4363937.html