<!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>for语句(最常用的循环)</title> <!-- for (语句1;语句2;语句3){ 被执行的代码块a; } 个人理解： 执行顺序：语句1———语句2——代码块a————语句3；一个流程结束，再返回语句1 语句1是执行a的条件初始值，语句2是执行a的条件范围，语句3是每次执行a后改变条件a的代码 --> <!-- for (var 变量n的初始值;n的范围;每次执行m后对n的改变方式){ 代码m } --> </head> <body> <script> var x,y; for (x=0;x<10;x++){ document.write(x);//0123456789 } </script> </body> </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>for语句嵌套</title> <!-- for语句嵌套规则： 1）外层为假时，不执行内层 2）先这外面的，再执行内层，直到内层的条件为假时再返回外层去执行 --> <!-- 个人理解：执行顺序：从上到下/外部循环每执行一次，内部循环都要遍历一次/ --> </head> <body> <script> for (var m=1;m<=3;m++){//1）先执行m=1,再判断m<=3的布尔值 document.write(m+"<br />"+"<hr>");//2）再执行该代码块 for (var n=1;n<=5;n++){//3）再执行n=1 document.write(n+"<br />");//4）再执行该代码块/执行完n=1条件后再返回n++,再返回3）步骤，然后循环，直到不符合n<=5的条件。最后执行5） } document.write("<hr />");//5） document.write("<hr />");//6）执行完该代码块后，执行n++/然后执行1）步骤/再循环，直到不符合m<=3的条件 } </script> </body> </html>