Javascript动态生成表格的性能调优

vision 0.8 【耗时672ms】终极优化

将字符串作为数组对象的方式是目前效率最高,性能最优的方式。

<script>
var t1 = new Date();
</script>
<html>
<head>
<title></title>
<script>
function testTime(){
var t2 = new Date();
alert(t2-t1+"ms");
}

</script>

</head>
<body onload="init();testTime();">
<div id="tableDiv"></div>
<script>
var maxRow =3000;
var maxCol = 8;
var strTbody = ["<table border='1'><tbody>"];

for(var i = 0; i < maxRow; i++){
strTbody.push("<tr>");
for(var j = 0; j < maxCol; j++){
strTbody.push("<td>test</td>");
}
strTbody.push("</tr>");
}

strTbody.push("</tbody></table>");

var obj = document.getElementById("tableDiv");
obj.innerHTML = strTbody.join("");
</script>
</body>
</html>

引用: http://tech.ddvip.com/2008-09/122206684668612.html

原文地址:https://www.cnblogs.com/chencidi/p/3861750.html