function addMessage(messageID,userName,userCreateDate,articleCount,subject,body,creationDate,modifiedDate) 
{ 
var br; 
var row = document.createElement("tr"); 
var cell = document.createElement("td"); 

var cellTr = document.createElement("tr"); 
var cellTd = document.createElement("td"); 
cellTd.appendChild(document.createTextNode("用戶名:"+userName)); 
cellTr.appendChild(cellTd); 
cell.appendChild(cellTr); 
cellTd = document.createElement("td"); 
cellTd.appendChild(document.createTextNode("創(chuàng)建時間:+userCreateDate")); 
cellTr.appendChild(cellTd); 
cell.appendChild(cellTr); 
cellTd = document.createElement("td"); 
cellTd.appendChild(document.createTextNode("發(fā)表文章:"+articleCount)); 
cellTr.appendChild(cellTd); 
cell.appendChild(cellTr); 
row.appendChild(cell); 

cell = document.createElement("td"); 
cellTr = document.createElement("tr"); 
cellTd = document.createElement("td"); 
cellTd.appendChild(document.createTextNode("發(fā)表時間:"+creationDate+" "+"修改時間:"+modifiedDate)); 
cellTr.appendChild(cellTd); 
cell.appendChild(cellTr); 
cellTr = document.createElement("tr"); 
cellTd = document.createElement("td"); 
cellTd.appendChild(document.createTextNode(subject)); 
br = document.createElement("br"); 
cellTd.appendChild(br); 
cellTd.appendChild(document.createTextNode(body)); 
cellTr.appendChild(cellTd); 
cell.appendChild(cellTr); 
row.appendChild(cell); 

document.getElementById("messageList").appendChild(row); 
} 
以上代碼在ie中出現(xiàn)"意外的調(diào)用了方法或?qū)傩栽L問",錯誤指向最后一句.望各大俠指點迷津

評價：  
你這段代碼感覺不優(yōu)雅~沒有重用性~性能底~、  
建議：  
1>采用函數(shù)封裝實現(xiàn)重用。  
2>對于table的內(nèi)部嵌套采用如下格式：  


<table>   
<tbody>   
<tr>   
<td></td>   
...    
</tr>   
...    
</tbody>   
<tbody>   
</tbody>   
...    
</table>   


對table動態(tài)生成，采用從內(nèi)到外添加的方案。另盡可能少使用document.createTextNode,性能低。  
3>如果你的table不是在頁面加載時需要執(zhí)行，建議在<script中添加defer即  

<script defer>   
</script>   


4>另外盡量采取對傳值對象的封裝，調(diào)用一次即可。即，可以將你的表格數(shù)據(jù)封裝成[]或{}（當(dāng)然內(nèi)部有模型實現(xiàn)）的策略。  
5>如果你js好的話，可以采用prototype做得更完美！  
以上意見僅供參考。

最新評論