我是根据后端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>