五、循环语句

循环语句常常和流程控制语句结合使用，循环语句拿到数据，if语句对数据做一些过滤和判断

一、for循环

将代码块执行指定的次数

for（循环变量初始化；循环条件；循环变量变化（自增或自减））{循环体代码}

执行步骤：

1、循环条件初始化(只在第一次循环的时候执行一次)

2、判断循环条件，循环条件为真，执行步骤3，循环条件为假，则结束循环

3、执行循环体代码

4、循环变量变化

5、按照2，3，4的步骤执行，直到循环结束

实例：页面上输出1，2……10

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

　　document.write(i,<br>)

}

或者可写为（循环变量的声明可以放到for循环外面，循环变量的改变可以放到for循环里面，但是;一定要保留）

var i=0;

for( ; i<10 ; ){

　　document.write(i,<br>);

　　i++;

}

注意点：1、循环条件+循环变量的改变 用以控制循环体代码执行的次数

二、双层for循环

for(var j=0;j<3;j++){
　　for(var i=1;i<6;i++){
　　　　document.write(i,'  ')
　　}
　　document.write('<br>')
}

1、外层for循环先执行，外层循环变量初始化，满足循环条件后，执行循环体代码，碰到内层 for循环，内层for循环执行完毕后，继续判断外层for循环条件，执行下一次外层循环……

注意点：1、每次进入内层for循环，都要初始化循环条件 var i =1

2、外层for循环先执行一次，等内层for循环执行完毕后，外层for循环才执行下一次

3、区分清楚内外层for循环的循环体代码，一般情况下，内层for循环整体是外层for循环的一部分循环体代码

三、while循环

所有的for循环都可以用while循环实现

循环变量初始化
while（循环条件）{
    循环体代码执行；

    循环变量改变；
}

var i=0

while(i<10){

　　document.write(i,'  ')

　　i++

}

注意、当循环次数不确定时，可以省略循环变量初始化和循环变量改变，也就是只要循环条件满足，循环体代码会一直执行，例如：

while(arr.length<10){

　　console.log(arr[i])

}

区别

while循环通常用在不确定循环次数的情况下，而for循环通常用在已知循环次数的情况下

四、do.......while循环

循环变量初始化；
do{
　　循环体代码执行

　　循环变量改变

}while（循环条件）
while和do...while循环的区别；
do...while循环无论循环条件是否成立都至少会执行一次循环体代码

五、循环控制语句  continue、breK的区别

continue跳出单次循环，循环体中一旦出现continue，后面的循环体代码不再执行，跳到循环变量自增/自减这一步，判断是否满足循环条件后，进行下一次循环

break跳出循环，直接结束整个循环

六、变量和字符串的拼接，使用+

var str='hello'

str+'world'   //helloworld

七、创建元素

DOM提供了一系列的方法可以用JS操作DOM节点(创建页面节点、获取元素等、添加元素)

1、创建节点var newDiv = document.createElement('span')

2、获取元素节点document.getElementById('body')  //假设元素的id为body

3、添加元素节点body.appenChild(newDiv)

4、为元素添加类名

newDiv.className='active'