Night小课堂10 JavaScript的核心语法下

最新推荐文章于 2024-07-30 22:36:34 发布

Night-Zzz

最新推荐文章于 2024-07-30 22:36:34 发布

阅读量75

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/NoNight_Zzz/article/details/130765825

版权

1.逻辑控制语句

（1）if条件语句

特点1：if是关键词

特点2：if之后小括号中的值为布尔值条件

特点3：如果条件为True，则执行小括号后方法体中的代码

特点4：如果条件为False，则执行else之后方法体中的代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>if语句</title>
	</head>
	<body>
		<script type="text/javascript">
			var a = 2;
			var b = 1;
			
		if(b>a){
			document.write("成立")//T
		}else{
			document.write("不成立")//F
		}
		</script>
	</body>
</html>

（2）switch多分支语句（default 默认）

特点1：switch是关键词

特点2：switch( )括号中的变量

特点3：如果变量匹配某个case的值，则执行该case对应的代码体，并且通过break关键词阻止往下执行下一个case

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>switch语句</title>
		<script type="text/javascript">
			var n = 2;
			switch(n){
				case 1:
				alert("one");
				break;
				case 2:
				alert("two")
				break;
				default:
				alert("three")
			}
		</script>
	</head>
	<body>
	</body>
</html>

（3）if多分支和switch多分支的区别：

特点1：if多分支的条件可以是范围，也可以是等值

特点2：switch多分支的条件必须是等值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			var a = 1;
//			if的单分支
//			if(a>0){
//				alert("one")
//			}
			
//			if的双分支
//		    if(a<0){
//			alert("one");
//		    }else{
//			    alert("two");
//		    }
			
//			if的if-else if-else的多分支语句
			if((a>0) && (a<=1)){
				alert("a的范围：0<a<=1");
			}else if(a<=0){
				alert("a的范围：a<=0");
			}else if ((a>1) && (a<=2)){
				alert("a的范围：1<a<=2")
			}else{
				alert("a的范围：a>2")
			}
			
		</script>
	</body>
</html>

（4）for循环

特点1：关键字是for

特点2：var i =0的含义：初始位置从0开始，即var i=0

特点3：i<array.length的含义：结束位置是小于数组的length属性值，即末位置的角标为length-1

特点4：i++的含义：每次循环遍历的时候自增1 （i++ 等于 i=i+1）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>for循环</title>
	</head>
	<body>
		<script type="text/javascript">
			var array = [];
			array.push(1);
			array.push(12);
			array.push(13);
			array.push(14);
			array.push(15);
			
//			document.write("数组的长度："+array.length+"<br/>");
//			document.write("数组的第一个值："+array[0]+"<br/>");
//			document.write("数组的最后一个值："+array[4]+"<br/>");
//			
			for(var i = 0;i<array.length;i++){
				document.write(array[i]+"<br />")
			}
		
		</script>
	</body>
</html>

（5）while循环

特点1：while语句只要指定条件为true，就会执行循环，只要指定条件为true，循环就可以一直执行代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>while循环</title>
	</head>
	<body>
		<script type="text/javascript">
			var a = [];
			a.push(1);
			a.push(2);
			a.push(3);
			
			var i = 0;
			while(i<a.length){
				document.write(a[i]+"<br />");
				i++;
			}
		</script>
	</body>
</html>

（6）for in循环

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>for in循环</title>
	</head>
	<body>
		<script type="text/javascript">
			var fruit=[ "apple", "orange", "peach","banana"]; 
			for(var i in fruit){
       		document.write(fruit[i]+"<br/>");
			}
		</script>
		
		
	</body>
</html>

2.输入/输出

（1）alert 弹框输出

（2）prompt 弹框输出/输入

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>输入输出</title>
	</head>
	<body>
		<script type="text/javascript">
			var flag = prompt("请输入你最喜欢的偶像：");
			if(flag){
				
				if(flag == "周杰伦"){
					alert("你喜欢他的青花瓷嘛")
				}else if(flag == "林俊杰"){
				alert("来一首江南如何");
			}else{
				alert("无法识别");
			}
			}else{
				alert("你没有喜欢的偶像嘛？")
			}
		</script>
	</body>
</html>