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>