for循环

循环我们常用的有两种，第一种是while循环，一种是for循环，while循环在一般情况下运行的会比较快，但相比较之下，for循环的代码会更加简洁一些！

for循环的循环流程

 for(  (a定义初始变量)  ;  (b循环条件)  ;  (c变量变化)  ){

         循环语句块

      } 

a、变量初始化 在进入循环前执行一次，变量初始化是可以同时设置多个初始变量的，每个初始变量之间用逗号隔开。

b、条件是每次进入循环之前都会c执行并且判断。

c、for循环的第三个部分是每次循环完成语句块后执行的内容。

再开始循环式会进行变量初始化，变量初始化只会在在进入循环前执行一次，在执行过后后面的循环将不再执行变量初始化，在变量初始化完成之后将会判断换for循环的循环条件，由循环条件来判断循环的次数，在条件判断完成后不会立即进行变量的变化，会先执行循环的内容也就是循环语句块，最后才会执行变量的变化，至此第一个循环将会结束，紧接着进行下一次循环！

注意

for循环三个部分 第二个条件部分不能使用逗号分隔多个条件，只能使用逻辑与， 逻辑或， 其他两个部分都可以使用逗号来分隔多个语句内容。

示例

列表例子

var str="<ul>";

       for(var i=0;i<10;i++){

           str+="<li>"+i+"</li>";

       }

       str+="</ul>";

       document.write(str);

上面为一个循环实现ul列表0-9的案例，因为是列表循环，所以我们要在循环前后加上<ul></ul>,循环语句块中加上"<li>"+i+"</li>"，里面的i每次循环数值将会从新定义，所以每个 li 里的数值将会是不同的，

在循环中 var i=0是用来设置初始变量的，初始变量再回在循环开始之前执行一次，后面将不再执行

而我们想得到0-9的列表，所以我们要进行十次循环，在循环条件中设置i<10，初始i=0，每次循环到最后将会由变量变化  i++，对i从新进行定义数值，直到 i 不小于10时停止循环。

在判断完循环条件后，将会执行循环语句块的内容了，也就是 str+="<li>"+i+"</li>"； str+=的意义不是数值意义上的相加，是字符意义上的相加，每次循在每次循在后面加上"<li>"+i+"</li>"。

在前面所有的都执行完后，才会执行i++，这时i将会加1，

按照上面的方式以此循环，将会循环10次，直到i不小于10。

在所有循环都结束后执行循环外的内容，加上最后的，因为现在内容都在js中，我们要把内容加在body中，所以用document.write(str);将内容显示在body中。至此一个由for循环做的列表就做好了。

注意

在循环中循环条件和变量变化一定要加，而且变量变化要计算好，不然将会陷入死循环！

最后分享循环乘法口诀表案例

用的循环嵌套：

Js内容

给表格写个样式

成果