8if.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <script> // >=18 成年 /* if (条件) { // 语句 } if (条件) { 语句块 } else { 语句块 } */ /* var age = 15; if (age>=18) { alert("恭喜，终于成年了"); alert("你可以去网上冲浪。。。"); } alert("end"); */ /* var age = 13; // age>=18 非空字符串 对应true 非0数字对应true if (age>=18) { alert("您已经成年"); alert("可以报考驾驶证"); } else { alert("不符合报考条件"); } */ var score = 77; if (score>=90) { alert("优秀"); } else if(score>=80) { alert("良好"); } else if(score>=60) { alert("合格"); } else { alert("不及格"); } alert("再接再厉"); </script> </body> </html>
9if-demo2.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <script> /* if (条件) { // if结构 } if () { } else { } */ // <18 未成年 >=18 18-30青年 30-40 壮年 40-59中年 >=60老年 var age = 43; if (age<18) { console.log("未成年"); } else { // if (age<=30) { console.log("青年"); } else if(age<=40) { console.log("壮年"); } else if(age<=59) { console.log("中年"); } else { console.log("老年"); } } </script> </body> </html>
10switch.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <script> /* switch(表达式) { case 值1: 语句 break; case 值2: 语句 break; case 值3: 语句 break; case 值4: 语句 break; ... default:语句 break; } 先执行表达式的值，拿这个值去大括号里面找有没有对应的case,假如找到 对应的case则执行对应case后面的语句直到遇到break或有大括号,假如找不到对应的 case则执行default语句 */ // 0------周日 1------周一 。。。 var num = 9; switch (num) { case 0: console.log("星期日"); break; case 1: console.log("星期一"); break; case 2: console.log("星期二"); break; case 3: console.log("星期三"); break; case 4: console.log("星期四"); break; case 5: console.log("星期五"); break; case 6: console.log("星期六"); break; default: console.log("error"); break; } </script> </body> </html>
11switch-demo2.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <script> //var num = prompt("请输入一个整数",0); //num = parseInt(num); //console.log(num+1); var num = parseInt(prompt("请输入一个整数")); switch (num) { case 0: console.log("星期日"); break; case 1: console.log("星期一"); break; case 2: console.log("星期二"); break; case 3: console.log("星期三"); break; case 4: console.log("星期四"); break; case 5: console.log("星期五"); break; case 6: console.log("星期六"); break; default: console.log("error"); break; } </script> </body> </html>
12if&switch.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <script> // 计算某一日是这年的第几天 2019 12 4 /* 2019 3 4 31+28+4 2019 11 2 ... 累加对应月份前几个月的天数 */ var year = 2020, month = 4, day = 23; // 31+29+31+23 var sum = 0; // 存储最终的总天数 /* if(month===1) { sum = sum + day; // sum += day; } else if(month===2) { sum = 31+day; } else if (...) { } */ switch(month) { case 12: // 前11个月总天数 sum += 30; // 11月份这一月天数 case 11: // 前10个月的总天数 sum += 31; // 10月份这一月天数 case 10: sum += 30;// 9月份这一月天数 case 9: sum += 31; case 8: sum += 31; case 7: sum += 30; case 6: sum += 31; case 5: sum += 30 case 4: sum += 31; case 3: //((year%400===0)||(year%4===0&&year%100!==0))?sum+=29:sum+=28; !(year%400)||!(year%4)&&year%100?sum+=29:sum+=28; case 2: sum += 31; case 1: sum += day; } alert("这一天是这年的第"+sum+"天"); </script> </body> </html>
13while.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <script> /* while(条件) { 循环体 } */ // 在控制输出1-100 /* console.log(1); console.log(2); console.log(3); console.log(4); console.log(5); console.log(6); */ /* var i = 1;// i表示某个数 while(i<=1000) { console.log(i); i++;// ++i i=i+1 i+=1 }*/ // 打印1-100之间的偶数 var num = 1; while(num<=100) { // 对num进行奇偶判断 if(!(num%2)) { console.log(num); } num++; } // 打印1-100之间所有既能被5整除又能被7整除的数 var num2 = 1; while(num2<=100) { if(num2%5===0 && num2%7===0) { console.log(num2); } num2++; } </script> </body> </html>
14do-while.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <script> /* do { 循环体 } while(条件) 先执行循环体 然后判断条件 条件true 继续执行循环体 ... 直到 条件false循环结束 while VS do-while do-while的循环体至少执行一次 while循环体可能一次也不执行 */ // 求0+1+2+3+...+100 var sum = 0;// sum存储最终结果 var i = 1; //加数 循环变量 /* while(i<=100) { sum = sum + i; // sum += i; i++; }*/ do { // 循环体 sum = sum + i; i++; } while(i<=100); alert(sum); </script> </body> </html>
15break&continue.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <script> // break /* 打印1-100 遇到既是5的倍数又是7的倍数停止打印 var i = 1; while(i<=100) { // 判断 if(i%5===0 && i%7===0) { break;//终止循环 } console.log(i); i++; } */ //打印1-100 跳过既是5的倍数又是7的倍数打印 var i = 1; while(i<=100) { // 判断 if(i%5===0 && i%7===0) { i++; continue; // 本次循环结束 继续下一次 } console.log(i); i++; } /* 一个加油站为了鼓励车主多加油，所以加的多有优惠。（嵌套） 92 号汽油，每升 6 元；如果大于等于 20升，那么每升 5.9 ； 97 号汽油，每升 7 元；如果大于等于 30升，那么每升 6.95 编写 JS 程序，用户输入自己的汽油编号，然后输入自己加多少升，弹出价格。 */ /* 思路 1 提示用户输入自己的汽油编号 */ var type = parseInt(prompt("请输入汽油类型92or95")); // type 92 95 98 // 一直提示用户输入 直到输入正确的数字为止 // type!=92&&type!=95 while(true) { if(type === 92 || type === 95) { break; } type = parseInt(prompt("请输入汽油类型92or95")); } // 计算 var litre = parseFloat(prompt("请输入加汽油升数")); var total = 0; if(type === 92) { if(litre >= 20) { total = 5.9*litre; } else { total = 6*litre; } } else if(type === 95) { if(litre >= 30) { total = 6.95*litre; } else { total = 7*litre; } } alert("您需要支付" + total + "元"); </script> </body> </html>