js简单入门 for循环的简单使用

for(初始化变量；条件判断；条件变化){
        执行语句
    } 

    1:初始化变量
    2：条件判断
       2.1：为true时 进入循环体 ==》 执行语句
    4：条件变化
        4.1：条件判断 
            如果为true 进入循环体 --》 执行语句
            如果为false 结束循环-->
   <script>

    //打印 0 -9 
    console.log(0) //平常写法

    for(var i = 0; i<10;i++){ //for循环写法
        console.log(i)
    }



    //输出一百个按钮

    //使用变量小的,如果i的值过大，会使浏览器崩溃（小编已经崩溃n次了），100次内没啥问题，1000就看 
    造化了
    for(i =0;i<100;i++){
        document.body.innerHTML += '<button>按钮'+i+'</button>'
    }

    //推荐适用大量的i时，可以节约性能
    var str = ''
    for(i = 0; i<100; i++){ 
        str+='<button>按钮'+i+'</button>'
    }
    document.body.innerHTML = str;

    //document.write()自己累加不会替换原来的内容
    //document.body.innerHTML会替换原来的内容
    for(i = 0;i<100;i++){
        document.write('<button>按钮'+i+'</button>')
    }
    

    </script> -->

案例：

 

<h1>计算1~100的和</h1>
    <h2></h2>
    <script>
        var box = 0;
        for(i=1;1<=100;i++){
        box+=i
    }
    document.querySelector('h2').innerHTML = box;
</script>