【前端】JavaScript入门及实战26-30

最新推荐文章于 2024-08-16 19:02:09 发布

子非鱼921

最新推荐文章于 2024-08-16 19:02:09 发布

阅读量994

点赞数 17

分类专栏：【前端】JavaScript入门及实战（1-140）文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_45980065/article/details/140513640

版权

【前端】JavaScript入门及实战（1-140）专栏收录该内容

28 篇文章 0 订阅

订阅专栏

文章目录

26 代码块
27 if语句(1)
28 if语句(2)
29 if练习(1)
30 if练习(2)

26 代码块

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">
	/*
		我们的程序是由一条一条语句构成的
		语句是按照自上向下的顺序一条一条执行的
		在JS中可以使用{}来为语句进行分组
		
		同一个{}中的语句我们称为是一组语句，
		他们要么都执行，要么都不执行
		一个{}中的语句我们也称为一个代码块
		在代码块后不用编写;了
		
		JS中的代码块，只具有分组的作用，没有其他的用途
		代码块的内容，在外完全可见
	*/	
	{
		alert("hello");
		console.log("你好");
		document.write("语句");
	}
</script>
<style>
</style>
</head>
<body>
</body>
</html>

27 if语句(1)

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">
	/*
		流程控制语句：
			JS中的程序是从上到下一行一行执行的
			通过流程控制语句可以控制程序执行过程，使程序可以根据一定的条件来选择执行
		语句的分类：
			1. 条件判断语句
			2. 条件分支语句
			3. 循环语句
			
		1. 条件判断语句：使用条件判断语句可以在执行某个语句之前进行判断
						 如果条件成立才会执行语句，条件不成立则语句不执行
			if语句：语法一：if（条件表达式）
								语句
							if语句在执行时，会先对条件表达式进行求值判断，
							如果条件表达式的值为true，则执行if后的语句，
							如果条件表达式的值为false，则不会执行if后的语句
							
							if语句只能控制紧随其后的那个语句，如果希望if语句可以控制多条语句，
							可以将这些语句统一放到代码块中
							
							if语句后的代码块不是必须的，但是在开发中尽量写代码块，即使if后只有一条语句
			
	*/
	
	alert("hello");
	console.log("你好");
	
	if(true)
		alert("你猜我出来吗？");
	
	var a = 15;
	if(a > 10 && a <= 20){
		alert("a>10，并且a<=20");
	}
</script>
<style>
</style>
</head>
<body>
</body>
</html>

28 if语句(2)

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">
	/*
		if语句：语法二：if（条件表达式）{
							语句。。。
						}else{
							语句。。。
						}
				
				if...else...语句：当该语句执行时，会先对if后的表达式进行求值判断
								  如果该值为true，则执行if后的语句
								  如果该值为false，则执行else后的语句
				语法三：if（条件表达式）{
							语句。。。
						}else if（条件表达式）{
							语句。。。
						}else if（条件表达式）{
							语句。。。
						}else{
							语句。。。
						}
				if...else if...else...语句：当该语句执行时，会从上到下一次对条件表达式进行求值判断
								  如果该值为true，则执行当前语句
								  如果该值为false，则继续向下判断
								  如果所有的条件都不满足，则执行最后一个else后的语句
								  该语句中，只会有一个代码块被执行，一旦代码块被执行了，则直接结束语句
	*/
	var age = 60;
	if(age >= 60){
		alert("退休了");
	}else{
		alert("没退休");
	}
	
	if(age > 100){
		alert("大");
	}else if(age > 80){
		alert("中");
	}else{
		alert("小");
	}
</script>
<style>
</style>
</head>
<body>
</body>
</html>

29 if练习(1)

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">
	
	/*
		从键盘输入小明的期末成绩：
		当成绩为100时，奖励一辆BMW
		当成绩为[80-99]，奖励一台iphone15s
		当成绩为[60-80]，奖励一本参考书
		其他时，什么奖励也没有
	*/
	
	//alert("请输入小明的成绩：");	
	/*
		prompt()可以弹出一个提示框，该提示框中会带有一个文本框，
		用户可以在文本框中输入一段内容，该函数需要一个字符串作为参数，
		该字符串将会作为提示框的提示文字
		
		用户输入的内容将会作为函数的返回值，可以定义一个变量来接收该内容
	*/
	var score = prompt("请输入小明的成绩：");
	
	//判断值是否合法
	if (score > 100 || score < 0 || isNaN(score)){
		alert("分数非法，请重新输入");
	}else{
		if (score < 60){
			alert("什么也没有");
		}else if(score >= 60 && score < 80){
			alert("参考书");
		}else if(score >= 80 && score < 100){
			alert("iphone15s");
		}else{
			alert("BMW");
		}
	}	
</script>
<style>
</style>
</head>
<body>
</body>
</html>

30 if练习(2)

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">
	/*
		高：180cm以上，富：1000万以上，帅：500以上
		如果这三个条件同时满足，则“我一定要嫁给他”
		如果三个条件有真的情况，则“嫁吧，比上不足比下有余”
		如果三个条件都不满足，则“不嫁”
	*/
	
	var height = prompt("请输入你的身高（cm）");
	var money = prompt("请输入你的财富（万）");
	var face = prompt("请输入你的颜值（px）");
	
	//alert(height + "," + money + "," + face);
	var a = height > 180, b = money > 1000, c = face > 500;
	if(a && b && c){
		alert("我一定要嫁给他");
	}else if(a || b || c){
		alert("嫁吧，比上不足比下有余");
	}else{
		alert("不嫁");
	}
</script>
<style>
</style>
</head>
<body>
</body>
</html>

子非鱼921

关注

17
点赞
踩
14

收藏

觉得还不错? 一键收藏
0
评论
【前端】JavaScript入门及实战26-30

if...else if...else...语句：当该语句执行时，会从上到下一次对条件表达式进行求值判断。if语句后的代码块不是必须的，但是在开发中尽量写代码块，即使if后只有一条语句。该语句中，只会有一个代码块被执行，一旦代码块被执行了，则直接结束语句。if...else...语句：当该语句执行时，会先对if后的表达式进行求值判断。如果条件表达式的值为false，则不会执行if后的语句。如果条件表达式的值为true，则执行if后的语句，如果条件成立才会执行语句，条件不成立则语句不执行。
复制链接

扫一扫