JavaScript08 分支结构

最新推荐文章于 2024-05-15 11:28:17 发布

zhiying_08

最新推荐文章于 2024-05-15 11:28:17 发布

阅读量206

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/zhiying_08/article/details/78512511

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>分支语句</title>
</head>

<body>
<input type="" name="trans" id="trans" value="" />
<button id="tr"></button>

<script type="text/javascript">
/*if 语句:第一种形式
* 若满足条件则执行其中的代码段
* if(条件表达式){
执行的代码
}
*/
var age=16;
if(age>18){
console.log("正确")
}
/*第二种
* 若条件表达式为真则执行代码段1 若不成立则执行代码段2
if (条件表达式) {
代码段1
} else{
代码段2
}
*
*/
if (age>18) {
console.log("正确")
} else{
console.log("错误")
}
/*第三种:级联式
* if (条件表达式1) {
代码段1
} else if(条件表达式2){
代码段2
}else{
代码段3
}
*/
var score=88;
if (score<60) {
console.log("不及格");
} else if(score<80){
console.log("良好");
}else{
console.log("优秀");
}
//求两个数的较大者
var m=3,n=10;
if(m>n){
console.log("较大值:"+m);
}else{
console.log("较大值:"+n);
}
m>n?m:n
//求三个数的最大值
//先求两个数的最大值
var x=2,y=3,z=4;
var max;
if(x>y){
max=x;
}else{
max=y;
}
max=x>y?x:y;
if(max>z){
max=max;
}else{
max=z;
}
max=max>z?max:z;

//条件运算符
/*表达式1?表达式2:表达式3
* 若表达式1成立,则整个式子的值为表达式2的值;否则为表达式3的值
*/
//若果是
var gender="m";
if(gender=="m"){

console.log("man");
}
else if(gender="g"){
console.log("girl");
}
else{
console.log("other");
}
//文本输入框,输入一个年份,判断改年是闰年,输出是闰年否则输出是平年
//闰年的条件:能被400整除或者能被4整除不能被一百整除
//window.onload 当所有(DOM 结构,图片音频视频 )都加载完毕
//JS在header引入时最好将JS代码放在onload时机内
window.onload = function(){
var year=document.getElementById("y");
var dianji=document.getElementById("bb");
dianji.onclick=function(){
var a=Number(year.value);
if(a%400==0||(a%4==0&&a%100!=0)){
year.value+="是闰年";

}else{
year.value+="是平年";
}
}
};
/*2.switch..case 多分支语句
* 计算整形表达式的值和每个case后的值进行匹配,如果相同则执行对应case里的语句;
* 如果都没有就执行default分支的默认语句
switch (整形表达式){
case 值1:
语句1
break;
case 值2:
语句2;
break;
default:
默认语句;
break;
}
*/
//根据输入的号码选择对应的服务(0:人工服务 1:充值服务2:话费查询3:投诉其他:无此服务)
var num=6;
switch (num){
case 0:
alert("人工服务");
//break 终止switch
break;
case 1:
alert("充值服务");
break;
case 2:
alert("话费查询");
break;
case 3:
alert("投诉");
break;
default:
// alert("无此服务");
break;
}
/*spring summer autumn winter*/
var input1=document.getElementById("trans");
var bub=document.getElementById("tr");
bub.onclick=function(){

var word=input1.value;

switch (word){
case "spring":
input1.value="春天"
break;
case "summer":
input1.value="夏天"
break;
case "autumn":
input1.value="秋天"
break;
case "winter":
input1.value="冬天"
break;
default:
input1.value="不存在"
break;
}

};
</script>
<input type="" name="y" id="y" value="" />
<button id="bb"></button>

</body>
</html>