javascript程序优化问题第1/3页


答案：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/javascript"> 
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 全选 注:如需引入外部Js需刷新才能执行]

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 全选 注:如需引入外部Js需刷新才能执行]
上一个：javascript 调用其他页面的js函数或变量的脚本
下一个：常用的javascript function代码
更多图片编程知识: