博客

先来看段代码

window.onload=function() {
    var onShowTierTmp=document.getElementsByClassName("on-show-tier");
    var onShowTier = new Array();
    //去掉换行的空格
    for (var i = 0; i < onShowTierTmp.length; i++) {
        //复制元素
        onShowTier[i] = common.createGrapeEle(document.importNode(onShowTierTmp[i], true), 0, 0, 0, 0);
        
        //这里对复制的元素也就是onShowTier[i]，将其加入到页面中

        //... ... 其他处理
    }
};

(function() {
    var onShowTierTmp=document.getElementsByClassName("on-show-tier");
    var onShowTier = new Array();
    //去掉换行的空格
    for (var i = 0; i < onShowTierTmp.length; i++) {
        //复制元素
        onShowTier[i] = common.createGrapeEle(document.importNode(onShowTierTmp[i], true), 0, 0, 0, 0);

        //这里对复制的元素也就是onShowTier[i]，将其加入到页面中        

        //... ... 其他处理
    }
}());

这段代码 有什么问题吗？？？

我们的目的是要将on-show-tier类的元素复制到一个新的数组里，并添加到页面，之后再处理

乍一看 没什么问题 啊！！！！可是 页面一直刷新 都不会结束   为啥？？？

仔细看了下代码 发现  我们将元素添加到页面时  页面就会刷新 就会再次添加一个新的元素 

//这里对复制的元素也就是onShowTier[i]，将其加入到页面中    

就是上面这句注释代表的处理 造成了 页面一直在刷新