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
最新文章
- Bootstrap Navbar应用及源码解析
- css名词解释
- start
- java分别通过httpclient和HttpURLConnection获取图片验证码内容
- To be transfered
- 使用Web Service进行网络编程-----Web Service简介
- 打地鼠游戏ios源码
- 实现QQ机器人报警
- -Xbootclasspath参数、java -jar参数运行应用时classpath的设置方法
- bzoj3673 bzoj3674可持久化并查集
- javaSE_06Java中的数组(array)-思维导图
- ps 命令的详细功能解析
- 项目Alpha冲刺Day12
- 用javaweb连接数据库用javabean、severlet实现增删改查
- maven阿里云仓库配置
- nginx进行反向代理,80端口使用
- dajpper使用教程
- Nginx环境搭建准备
- asp.net mvc+httpclient+asp.net mvc api入门篇
- ini_set的用法介绍