1

我是根据后端JSON数据使用DOM对页面进行操作,比如说页面上的一些表可能有10-50行数据,期间我看到页面抖动很多,看起来不太好各位用户,有什么好的办法解决吗?

演示效果的代码是这样的......我中间有一张桌子,大小未知......

测试

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>

4

1 回答 1

1

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

在大多数框架中,都有像这里描述的用于 ExtJS 或作为jQuery插件的实用程序功能,但您可以轻松地自己完成(只需在您的区域或整个页面顶部的 div,当您的代码完成时隐藏 div)。

于 2012-09-19T02:59:04.017 回答