var name="Bruce";
var age = 18;
var birthday = new Date(2010/10/10);
2
var name="Bruce", age=18,birthday=new Date(2010/10/10);
節約使用DOM
JavaScript對DOM的處理可能是最耗時費力
盡量減少DOM的操作
範例
為ul新增10個li
1
var oUL = document.getElementById("ulItem");
for (var i=0; i<10; i++){
var oLI = document.createElement("li");
oUL.appendChild(oLI); //10次
oLI.appendChild(document.createTextNode("Item" + i); //10次
}
共執行20次DOM操作
2
var oUL = document.getElementById("ulItem");
var oTemp = document.createDocumentFragment();
for (var i=0; i<10; i++){
var oLI = document.createElement("li");
oLI.appendChild(document.createTextNode("Item" + i);
oTemp.appendChild(oLI);
}
oUL.appendChild(oTemp); //1次