javascript 执行效率 java_SQL_javascript程序的执行效率问题，写了几年代码，很少谈到javascr - phpStudy...

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

这节来看看createElement和innerHTML的表现。看看差别是多大

createElement:

运行代码框

New Document

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);

}

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

innerHTML:

运行代码框

New Document

function init(){

var staDate = new Date();

var doc = window.document;

for(var i=0;i<100;i++){

var str="

test

";

container.innerHTML += str;

}

alert(new Date - staDate);

}

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]