for循环1-性能

想重复执行某一段代码
每次执行的时候有个数字在变化

动态生成标签

<script>
    window.onload = function(){
        document.body.innerHTML = '<input type="button" value="按钮"/>';
        document.body.innerHTML = '<input type="button" value="按钮"/>';          
    }
</script>

注意：
如果想添加两个按钮，不能重复写两个一样的，两个一样的代码页面只会出现一个按钮；
因为innerHTML后面的等号是一个简单的替换或者修改；

<script>
    window.onload = function(){         
        //如果想要写多个按钮，要用+=
        document.body.innerHTML += '<input type="button" value="按钮"/>';     
    }
</script>

<script>
    window.onload = function(){
        // 如果想添加200个按钮，那么就用for循环        
        for(var i= 0;i<200;i++){//会自动循环200次
            document.body.innerHTML = '<input type="button" value="按钮"/>';
        }       
    }
</script>

注意：
如果添加2000个按钮，那么会影响性能问题
所以一般有长度的数组，我们要先把长度计算好再放到for循环里
例如：var len = arr.length;
本质上是一样的，这么写的好处是不会重复计算数组的长度；
但上面的方法还是会影响性能，要避免来回走页面，应该这么写：

<script>
    window.onload = function(){
        var str = '';//创建一个空字符串
        for(var i= 0;i<200;i++){//会自动循环200次
            str += '<input type="button" value="按钮"/>';
        }
        document.body.innerHTML = str;//只塞一次到页面中        
    }
</script>

注：上面的这种写法会提高加载速度，提高性能。