js中的判断结构

夺笋123

于 2022-05-22 11:13:17 发布

阅读量146

点赞数

分类专栏： # js基础文章标签： javascript

本文链接：https://blog.csdn.net/m0_54510474/article/details/124821214

版权

js基础专栏收录该内容

16 篇文章 0 订阅

订阅专栏

if 结构

if语句

if(判断条件){
	语句块;
}

单个if…else语句

if(判断条件){
	语句块1;
}
else{
	语句块2;
}

多个if…else语句

if(判断条件1){
	语句块1;
}else if(判断条件2){
	语句块2;
}
...
else if(判断条件n){
	语句n;
}else{
	语句n+1;
}

switch结构

switch(表达式){
	case 整型数值1:语句1
	case 整型数值2:语句2
	case 整型数值3:语句3
	...
	case 整型数值n:语句n
	default:语句
}

条件表达式

js中将"?:"作为条件运算符

var a;
a=表达式1? 表达式2: 表达式3;

$\begin{cases} 表达式2，表达式1值为真\\ 表达式3，表达式2值为假 \end{cases}$

一个小demo

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>这是一个html5 demo</title>
    <script>
    	var mydate= new Date();
    	// 定义一个判断当天时间的函数
    	function sayhello(){
    		var x="";
    		var hour_=mydate.getHours();//返回当天小时数(0-23)
    		if(hour_<12){
    			x="Good morning!"
    		}else if(hour_<18){
    			x="Good afternoon！"
    		}else{
    			x="Good evening!"
    		}

    		document.getElementById("demo1").innerHTML=x;
    	}
    	//定义一个判断星期的函数
    	function getweek(){
    		var x="";
    		var week_=mydate.getDay();//返回星期数(0-6)
    		switch (week_){
    			case 0:
    				x="星期日";
    				break;
    			case 1:
    				x="星期一";
    				break;
    			case 2:
    				x="星期二";
    				break;
    			case 3:
    				x="星期三";
    				break;
    			case 4:
    				x="星期四";
    				break;
    			case 5:
    				x="星期五";
    				break;
    			default:
    				x="星期六";
    				break;
    		}
    		document.getElementById("demo2").innerHTML=x;
    	}
    </script>
</head>
<body>
	<p>当前页面会根据系统时间对您进行问候！</p>
	<button onclick="sayhello()">请点击</button>
	<p id="demo1"></p>
	<hr/>
	<button onclick="getweek()">点击已获得日期</button>
	<p id="demo2"></p>

</body>
</html>