11.while循环语句.html 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <script>
  9. /*
  10. 向页面中输出连续的数字
  11. */
  12. // document.write(1 + "<br/>");//在网页中要实现换行,需增加<br/>标签
  13. // document.write(2 + "<br/>");
  14. /*
  15. 循环语句:
  16. 通过循环语句可以反复的执行一段代码多次
  17. while循环
  18. -语法:
  19. while(条件表达式){
  20. 语句……
  21. }
  22. -while语句在执行时,
  23. 先对条件表达式进行求值判断,
  24. 如果值为true,则执行循环体,循环体执行完毕以后,继续对表达式进行判断
  25. 如果为true,则继续执行循环体,以此类推
  26. 如果值为false,则终止循环
  27. do...while循环
  28. -语法:
  29. do{
  30. 语句...
  31. }while(条件表达式)
  32. -执行流程:
  33. do……while语句在执行时,会先执行循环体,
  34. 循环体执行完毕以后,再对while后的条件表达式进行判断,
  35. 如果结果为true,则继续执行循环体,执行完毕继续判断,以此类推
  36. 如果结果为false,则终止循环
  37. 实际上这两个语句功能类似,不同的是while是先判断,后执行,
  38. 而do……while是先执行,后判断
  39. do……while可以保证循环体至少执行一次,而while不能
  40. */
  41. // var n = 1;
  42. //像这种将条件表达式写死为true的循环,叫做死循环
  43. //该循环不会停止,除非浏览器关闭,死循环在开发中慎用
  44. //可以使用break,来终止循环
  45. // while (true) {
  46. // alert(n++);
  47. // //判断n是否是10
  48. // if (n == 10) {
  49. // //退出循环
  50. // break;
  51. // }
  52. // }
  53. //创建一个循环,往往需要三个步骤
  54. //1.初始化一个变量
  55. // var i = 0;
  56. // //2.在循环中设置一个条件表达式
  57. // while(i < 10){
  58. // alert(i);
  59. // //3.定义一个更新表达式,每次更新初始化变量
  60. // i++;
  61. // }
  62. /*
  63. 向页面中输出连续的数字(比如1-10)
  64. */
  65. // var n = 1;
  66. // while(n <= 10){
  67. // document.write(n++ + "<br/>");
  68. // }
  69. var n = 1;
  70. do{
  71. document.write(n++ + "<br/>");
  72. }while(n <= 10)
  73. </script>
  74. </head>
  75. <body>
  76. </body>
  77. </html>