javascript程序的执行效率问题

2016-02-20 00:46 3 1 收藏

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享javascript程序的执行效率问题，希望可以让热爱学习的朋友们体会到设计的小小的乐趣。

【 tulaoshi.com - Web开发】

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

createElement:

运行代码框
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"HTMLHEADTITLE New Document /TITLEMETA 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;i100;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/HEADBODYdiv id="container"/divinput type="button" value="start" onclick="init();" //BODY/HTML
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

innerHTML:

运行代码框
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"HTMLHEADTITLE New Document /TITLEMETA 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;i100;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/HEADBODYdiv id="container"/divinput type="button" value="start" onclick="init();" //BODY/HTML
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

来源:http://www.tulaoshi.com/n/20160220/1632489.html

上一篇： Windows XP回收站无法清空解决办法
下一篇：初学Ajax须注意的几个问题

看过《javascript程序的执行效率问题》的人还看了以下文章更多>>

得到执行程序的目录

标签： Delphi

SysUtils 单元中有 ExtractFileDir 与 ExtractFilePath两个类似的函数, 用哪一个?没有太大的关系。不过有以下的差别: ExtractFilePath 传回值的最後一个字元是反斜杠“／”。 procedure TForm1.Button1Click(Sender: TObject); begin ShowMessage(ExtractFileDir(Application.Exename)); // ie: c:\temp ShowMessage(ExtractFilePa...

Javascript 各浏览器的 Javascript 效率对比

标签： Web开发

从“译言”上的一篇文章据悉各浏览器 Javascript 的对比。我个人作为一名“准”的 Javascript 开发者，对此事自然比较的关注。SunSpider 的测试面我还是保持对其信任的态度的，正如原文所说的“它是一组被精心设计的测试，易于运行也非常全面”。下面是测试的内容： 3d - 纯粹 JavaScript 的...

提高ASP页面的执行效率（中）

标签： ASP

2.影响ASP的要素 (1).尽量把对象变量转换成本地变量，因为读本地变量比读对象变量要快许多。比较慢的例子: if Myobj.Value = 0 then Do something elseif Myobj.Value ＞ 0 then Do something elseif Myobj.Value ＜ 0 then Do something end if 比较快的例子: MyVar = Myobj.Value if MyVar = 0 then D...

你是否理解JavaScript的执行顺序？

标签： Web开发

通常状况下，JavaScript作为一种解释性的脚本，都是从上而下顺序执行的，但是JavaScript还允许在其语句中嵌套，也就是这个样子： document.write("scriptalert(t);/scr"+"ipt"); 注意：/script不能写作/script，要用字符串连接的形式来表述，否则会有语法错误，估计是因为JavaScript遇到/script就以为脚本结束了。在这种情况下，正常的脚本...

返回程序执行参数

标签： Delphi

有关 Delphi 传入应用程式的命令列参数, 请参考以下的说明：用ParamCount函数取得命令参数的个数: 呼叫 ParamStr(0), 传回执行档的档名(含路径) 呼叫 ParamStr(n), 传回第ｎ个参数的内容 procedure TForm1.FormCreate(Sender: TObject); var sFileName: string; begin if ParamCount 0 then begin (* 有执行参数传入 *) sFileNam...

查看更多精彩>>