javascript程序的执行效率问题_JavaScript_Web开发_软件开发

javascript程序的执行效率问题

http://dev.21tx.com 2008年05月11日蓝色理想 cityvoice

写了几年代码，很少谈到JavaScript程序的执行效率问题，今天就举几个例子看看，让大家看看程序优化是多么重要。
这节来看看createElement和innerHTML的表现。看看差别是多大

createElement:

运行代码框
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <script type="text/<a href="http://dev.21tx.com/java/" target="_blank">Java</a>script"> function init(){ var staDate = new Date(); var doc = window.document; for(var i=0;i<100;i++){ var oDiv = doc.createElement("div"); var oText = doc.createTextNode("text"); oDiv.appendChild(oText); container.appendChild(oDiv); oDiv.style.id = "div_"+i; oDiv.style.width = "100px"; oDiv.style.height = "20px"; oDiv.style.backgroundColor = "#eee"; } alert(new Date - staDate); } </script> </HEAD> <BODY> <div id="container"></div> <input type="button" value="start" onclick="init();" /> </BODY> </HTML>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

innerHTML:

运行代码框
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <script type="text/javascript"> function init(){ var staDate = new Date(); var doc = window.document; for(var i=0;i<100;i++){ var str="<div id='div_'"+i+"' style='width:100px; height:20px;background-color:#eee'>test</div>"; container.innerHTML += str; } alert(new Date - staDate); } </script> </HEAD> <BODY> <div id="container"></div> <input type="button" value="start" onclick="init();" /> </BODY> </HTML>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

上一篇： AJAX初学:IE缓存页面的问题
 下一篇： JavaScript图片特效代码下载

1 2 3 下一页

相关内容

热点文章

1一个简单实用的数据库操作框架

2XP下JDK1.4安装与环境配置完全图解

3.NET 数据访问架构指南

4“一网打尽”通用SQL数据库的查询语句

5Win32编程基础知识

6充分利用.NET 框架的PropertyGrid 控件

7使用VS2005打造简单分页浏览器

8jdk1.5的bt下载

9解读VC++编程中的文件操作API和CFile类

10一个对Winsock完成端口模型封装的类