选择语句读书笔记
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>
