1.顺序结构:没有任何结构就是顺序,所有语句从上到下,逐条执行
顺序结构主要包括注释语句,赋值语句,输入输出等语句
2.分支结构:
(1)单分支要么做,要么不做;如果if(条件)条件为true, 那么执行if(){}所有语句,否则直接跳过
if结构
预备知识:{}叫做语包体,如果多条语包放到{}中就变成了一个整体(一组) , 要么都执行要么
都不执行。否则结构只能控制它下方的一条语句;
语法: if(条件){语句 .....}
(2)双分支或多分支
if...else if...else if...else if... if.. switch
3.循环结构
for循环
while循环
do.. .while循环J
for..in循环
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p>点击下面的按钮来显示今天是周几:</p>
<button οnclick="myFunction()">点击这里</button>
<p id="p1"></p>
</body>
<script>
//单分支:
// if (条件) {
//语句;
// }
//条件为true,执行语句
// var score = prompt("请输入令狐冲的js成绩");
// if (score > 90) {
// alert("小子不错,这本武功秘籍拿走吧");
// }
// var score = prompt("请输入令狐冲的js成绩");
// var music = prompt("请输入令狐冲的音乐成绩")
// if (score > 90 && music > 80 || score == 100 && music > 70) {
// alert("小子不错,这本武功秘籍拿走吧");
// }
// 双分支:
//if(条件){
//语句1;
//}else{
//语句2;
// }
//条件成立true, 执行语句1,否则执行语句2
// var score = prompt("请输入令狐冲的js成绩");
// if (score > 90) {
// alert("小子不错,《独孤九剑》 拿走吧");
// } else {
// alert("不肖徒,去思过崖面壁思过去吧");
// }
// 多分支
// var score = prompt("请输入学员的成绩");
// if (score >= 90) {
// alert("你的成绩属于:优秀");
// } else if (score >= 80) {
// alert("良好");
// } else if (score >= 60) {
// alert("中等");
// } else {
// alert("后进生");
// }
//switch
// switch (表达式) {
// case 常量1:
// 语句1;
// break;
// case
// 常量2:
// 语句1; I
// break;
// ....
// default:;
// }
// 常量1,常量2,...是整数或字符串类型
// break 停止
// var level = 5;
// if (level === 1) {
// alert(" 你将出任武林盟主");
// }else if(level === 2){
// alert("武当掌门");
// } else if (level === 3) {
// alert("峨嵋掌门");
// }else{
// alert("逐出师门");
// }
// var level = prompt("请输入令狐冲的名次");
// switch (level) {
// case '1':
// alert("你将出任武林盟主");
// break;
// case '2':
// alert("武当掌门");
// break;
// case '3':
// alert("峨眉掌门");
// break;
// default:
// alert("逐出师门");
// }
function myFunction() {
var x;
var day = new Date().getDay();
switch (day) {
case 0: x = "今天是星期日";
break;
case 1: x = "今天是星期一";
break;
case 2: x = "今天是星期二";
break;
case 3: x = "今天是星期三";
break;
case 4: x = "今天是星期四";
break;
case 5: x = "今天是星期五";
break;
case 6: x = "今天是星期六";
break;
}
document.getElementById("p1").innerHTML = x;
}
// var i = 1;
// while (i <= 5) {
// console.log("我能行");
// i++;
// }
// var i = 1;
// while (i <= 5) {
// console.log("第" + i + "遍:我能行");
// i++;
// }
// 1.在网页里输出1 - 10, 中间用逗号隔开
// var i = 1;
// while (i <= 10) {
// if (i === 10) {
// document.write(i);
// } else {
// document.write(i + ",");
// }
// i++;
// }
// 2.在网页输出1 - 10之间的偶数
// var i = 1;
// while (i <= 10) {
// if (i % 2 === 0) {
// document.write(i + ",");
// }
// i++;
// }
// var i = 1, sum = 0;
// while (i <= 10) {
// if (i === 1) {
// document.write(i);
// } else {
// document.write("+" + i);
// }
// // sum = sum + i;
// sum += i;
// i++;
// }
// document.write("=" + sum);
// console.log(sum);
// 循环条件(循环是否能退出)
// 死循环:循环不会退出
// while (循环条件) {
// 循环操作;
// }
// 循环条件成立,执行循环操作
// var i = 1;
// while (i <= 10) {
// document.write(i + "+");
// i++;
// }
// var i = 1;
// do {
// document.write(i + "+");
// i++;
// } while (i <= 10);
// var i = 1, sum = 0;
// do {
// var score = prompt("请输入第" + i + "个学员的成绩");
// i++;
// sum += Number(score);
// console.log(score);
// } while (score != "q");
// do-while
// var i = 1;
// var score = prompt("请输入第" + i + "个学员的成绩");
// while (score != "q") {
// score = prompt("请输入第" + i + "个学员的成绩");
// i++;
// }
// do {
// 循环操作;
// } while (循环条件);
// 先执行一次循环操作,再进行循环条件的判断,循环条件成立,再次执行循环操作,
// 循环条件不成立,退出循环
// 特点:先执行,再判断,至少执行1次
// for循环
// for (参数初始化; 条件判断; 更新循环变量) {
// 循环体被执行;
// }
// 5以内的数相加
// for (var x = 1, sum = 0; x <= 5; x++) {
// sum += x;
// }
// document.write(sum);
// 5个学生的成绩和
// for (var sum = 0, i = 1; i <= 5; i++) {
// var sco = +prompt('请输入第' + i + '学生的成绩');
// sum += sco;
// }
// document.write('总成绩为:' + sum)
// for (var i = 1, sum = 0, cunt = 0; i <= 100; i++) {
// if (i % 3 != 0) {
// cunt++;
// document.write(i + ',');
// sum = sum + i;
// }
// }
// document.write("总值" + sum + "有" + cunt);
document.write("<table style='border:1px solid #CCC;'>");
var sum = 0;
for (var i = 1; i <= 9; i++) {
document.write("<tr>");
for (var j = 1; j <= 9; j++) {
if (j <= i) {
sum = i * j
// document .write("<td>单元格</td>");
document.write("<td>" + j + "*" + i + "=" + sum + "</td>");
}
}
document.write("</tr>");
}
document.write("</table>");
for (i = 1; i <= 5; i++) {
for (b = 4; b >= i; b--) {
document.write(' ')
}
for (a = 1; a <= i; a++) {
document.write("心")
}
document.write('<br>')
}
for (a = 1; a <= 35; a++) {
for (b = 1; b <= 23; b++) {
if (a + b === 35 && 2 * a + 4 * b === 94) {
document.write(a + "鸡" + b + "兔");
}
}
}
for (i = 1, sum = 0; i <= 10; i++) {
sum += i
if (sum > 20) {
alert(i);
break;
}
}
for (i = 1, sum = 0; i <= 10; i++) {
if (i % 2 === 0) {
continue
}
sum += i;
} document.write(sum);
</script>
</html>