JS 之onLoad鬼迷心窍篇

最新推荐文章于 2024-06-06 10:50:01 发布

陈奕迅Coder

最新推荐文章于 2024-06-06 10:50:01 发布

阅读量711

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_34131399/article/details/89477082

版权

javascript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

先来看段代码

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]，将其加入到页面中

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