JS程序结构--选择结构


1、程序结构分类

顺序结构
选择结构
循环结构

2、选择结构

if选择结构
switch选择结构

基本if结构

1
2
3
4
if(条件)
{
//javascript语句;
}

简单表单验证实例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
    //form表单省略
function fun(){
//用户名与密码写死
var yonghuming="hello";
var mima=123456;
//获取用户名的值
var textyonghuming=document.getElementById('name1');
var yhm=textyonghuming.value;
//获取密码的值
var textmima=document.getElementById('name2');
var miman=textmima.value;
if(yhm!=yonghuming){
alert('用户名不正确');
}
if(miman!=mima){
alert('密码不正确');
}
}

if…else结构

1
2
3
4
5
6
7
8
  if(条件)
{
//javascript语句1;
}
else
{
//javascript语句2;
}

简单表单验证实例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
    //form表单省略
function fun(){
//用户名与密码写死
var yonghuming="hello";
var mima=123456;
//获取用户名的值
var textyonghuming=document.getElementById('name1');
var yhm=textyonghuming.value;
//获取密码的值
var textmima=document.getElementById('name2');
var miman=textmima.value;
if(yhm=yonghuming&&miman=mima){
alert('登陆成功');
}else
alert('登陆失败');
}
}

多重if结构

1
2
3
4
5
6
7
8
9
   if(条件1){
//javascript语句1;
}
else if(条件2){
//javascript语句2;
}
else{
//javascript语句3;
}

简单表单验证实例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
    //简单表单验证实例:
form表单省略
function fun(){
//用户名与密码写死
var yonghuming="hello";
var mima=123456;
//获取用户名的值
var textyonghuming=document.getElementById('name1');
var yhm=textyonghuming.value;
//获取密码的值
var textmima=document.getElementById('name2');
var miman=textmima.value;
if(yhm.length==0){
alert('用户名不能为空');
return
}else if(yhm!=yonghuming){
alert('用户名错误');
return
}else is(miman.length==0){
alert('密码不能为空');
return
}else if(miman!==mima){
alert('密码错误');
return
}else{
alert('登陆成功');
}
}
//return可以不加,但尽量加上,执行到return直接跳出

选择结构之switch语句

1
2
3
4
5
6
7
8
9
10
switch(表达式)
{
case 常量1:
javascript语句1
break;
......
default:
javascript语句n;
break;
}

switch实例:多个等值判断,使用switch更简洁明了

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
    var str;
switch(sum){
case 1:
str='星期一';
break;
case 2:
str='星期二';
break;
case 3:
str='星期三';
break;
case 4:
str='星期四';
break;
case 5:
str='星期五';
break;
default:
str='周末';
break;
}
document.write(str);

switch时间实例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 var date=new Date();
document.write(date.getFullYear()+'年'+date.getMonth()+'月'+date,getDate()+'日'+date.getDay());//不需要更换汉语直接使用
var month=date.getMonth();
var strMonth;
switch(month+1){
case 0:
strMonth="一月";
break;
case 1:
strMonth="二月";
break;
case 2:
strMonth="三月";
break;
//以此类推
//default可以不写,因为执行不到
}
var day=date.getDay();
var str;
switch(day){
case 1:
str='星期一';
break;
case 2:
str='星期二';
break;
//以此类推
case 0: //西方星期天是0,不是7
str='星期天';
break;
//default可以不写,因为执行不到
}
document.write(date.getFullYear()+'年'+strMonth+date.getDate()+'日'+str);

文章作者: COOL
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 COOL !
评论
  目录