问html页面在DOM操作过程中抖动很大，该如何处理？
EN

Stack Overflow用户

提问于 2012-09-18 17:08:18

回答 1查看 307关注 0票数 1

我正在使用DOM来操作依赖于后台JSON数据的页面，比如说，页面上的一些表可能有10-50行数据，在此期间，我看到页面抖动了很多，看起来对用户不好，有什么好的方法来处理这个问题吗？

演示效果的代码如下所示。我在中间有一张桌子，大小未知...

  test

window.onload = function(){
    setTimeout(createTable, 3000);
}


function createTable(){
    var table = document.createElement("table");
        for(var i = 0; i < 10; ++i){
        var tr = document.createElement("tr");
        var td = document.createElement("td");
        td.innerHTML = "row " + i;

        tr.appendChild(td);

        table.appendChild(tr);
        }

        document.getElementById("tablewrapper").appendChild(table);

}
</script>
</head>
<body>
    <div style="width:300px; background-color:blue;">
       hello
    </div>

    <div id="tablewrapper">
    </div>

    <div style="width:300px;background-color:red">
    world
    </div>

</body>

javascript

html

dom

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-09-19 10:59:04

通常，你应该在它上面放一个加载口罩，这样用户就看不到摇晃了。

在大多数框架中，都有一些实用函数，比如用于ExtJS的描述的here或用于jQuery的as plugin，但您可以很容易地自己完成这项工作(只需在您的区域或整个页面的顶部添加一个div，在代码完成时隐藏该div )。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/12473785

复制

相似问题

问html页面在DOM操作过程中抖动很大，该如何处理？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问html页面在DOM操作过程中抖动很大，该如何处理？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问html页面在DOM操作过程中抖动很大，该如何处理？
EN