1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script type="text/javascript"> 7 8 /* 9 * 流程控制语句 10 * - JS中的程序是从上到下一行一行执行的 11 * - 通过流程控制语句可以控制程序执行流程, 12 * 使程序可以根据一定的条件来选择执行 13 * - 语句的分类: 14 * 1.条件判断语句 15 * 2.条件分支语句 16 * 3.循环语句 17 * 18 * 19 * 条件判断语句: 20 * - 使用条件判断语句可以在执行某个语句之前进行判断, 21 * 如果条件成立才会执行语句,条件不成立则语句不执行。 22 * - if语句 23 * - 语法一: 24 * if(条件表达式){ 25 * 语句... 26 * } 27 * 28 * if语句在执行时,会先对条件表达式进行求值判断, 29 * 如果条件表达式的值为true,则执行if后的语句, 30 * 如果条件表达式的值为false,则不会执行if后的语句。 31 * if语句只能控制紧随其后的那个语句, 32 * 如果希望if语句可以控制多条语句, 33 * 可以将这些语句统一放到代码块中 34 * if语句后的代码块不是必须的,但是在开发中尽量写上代码块,即使if后只有一条语句 35 * 36 */ 37 38 var a = 25; 39 40 if(a > 10 && a <= 20){ 41 alert("a大于10,并且 a小于等于20"); 42 } 43 44 45 </script> 46 </head> 47 <body> 48 </body> 49 </html>
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script type="text/javascript"> 7 8 /* 9 * if语句 10 * 语法二: 11 * if(条件表达式){ 12 * 语句... 13 * }else{ 14 * 语句... 15 * } 16 * 17 * if...else...语句 18 * 当该语句执行时,会先对if后的条件表达式进行求值判断, 19 * 如果该值为true,则执行if后的语句 20 * 如果该值为false,则执行else后的语句 21 * 22 * 语法三: 23 * if(条件表达式){ 24 * 语句... 25 * }else if(条件表达式){ 26 * 语句... 27 * }else if(条件表达式){ 28 * 语句... 29 * }else{ 30 * 语句... 31 * } 32 * 33 * if...else if...else 34 * 当该语句执行时,会从上到下依次对条件表达式进行求值判断 35 * 如果值为true,则执行当前语句。 36 * 如果值为false,则继续向下判断。 37 * 如果所有的条件都不满足,则执行最后一个else后的语句 38 * 该语句中,只会有一个代码块被执行,一旦代码块执行了,则直接结束语句 39 */ 40 41 var age = 50; 42 43 /*if(age >= 60){ 44 alert("你已经退休了~~"); 45 }else{ 46 alert("你还没退休~~~"); 47 }*/ 48 49 age = 200; 50 51 /*if(age > 100){ 52 alert("活着挺没意思的~~"); 53 }else if(age > 80){ 54 alert("你也老大不小的了~~"); 55 }else if(age > 60){ 56 alert("你也退休了~~"); 57 }else if(age > 30){ 58 alert("你已经中年了~~"); 59 }else if(age > 17){ 60 alert("你已经成年了"); 61 }else{ 62 alert("你还是个小孩子~~"); 63 }*/ 64 65 age = 90; 66 67 if(age > 17 && age <= 30){ 68 alert("你已经成年了"); 69 }else if(age > 30 && age <= 60){ 70 alert("你已经中年了"); 71 }else if(age > 60 && age <= 80){ 72 alert("你已经退休了"); 73 }else{ 74 alert("你岁数挺大的了~~"); 75 } 76 77 78 </script> 79 </head> 80 <body> 81 </body> 82 </html>