Javascript动态生成表格的性能调优
2014-07-22 23:46
435 查看
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
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>
相关文章推荐
- Javascript动态生成表格的性能调优
- Javascript动态生成表格的性能调优
- Javascript动态生成表格的性能调优
- Javascript动态生成表格的性能调优
- [转]Javascript动态生成表格的性能调优
- Javascript动态生成表格的性能比较和调优
- Javascript动态生成表格的多种方式性能对比
- js动态生成表格的性能调优
- javascript 生成动态表格的各个属性
- javascript 生成动态表格的各个属性
- JavaScript动态生成树形菜单创建表格
- [Javascript]在HTML页面中动态添加表格,动态生成行的示例
- javascript前台动态生成表格
- javascript动态生成表格
- javascript 动态生成表格
- 用按钮触发Javascript动态生成一个表格的代码
- javascript动态生成表格,可传值
- 通过Javascript运用四种方法动态创建表格,并测试性能优劣[复习]
- javascript 动态生成表格
- javascript动态生成表格,并实现对表格行的添加和删除