改變innerHTML關聯導致記憶體無法釋放

使用JavaScript進行DOM操作的時候，視瀏覽器的情況，總會遇到些有趣的事情。這次描述的問題和IE6和innerHTML關聯有關：細節記錄， ie6 對已刪除結點的innerHTML以及dom操作時會出現該刪除節點的記憶體再也釋放不掉，而設定刪除節點的屬性以及 css 則沒有問題。

經常在 xhr 中回調處理結點的注意了，可能要處理的結點已經刪除了。

測試代碼：

 

  
< div id="p"> 
  
 < a id="c"> 
  
  xx  
  
 < /a> 
  
< /div> 
  
 
  
 
  
< script> 
  
 window.onload=function(){  
  
    
  
  var a=document.getElementById("c");  
  
  document.getElementById("p").innerHTML="";  
  
    
  
  //css，屬性沒有問題  
  
  //a.style.width="1px";  
  
  //a.href="xx";  
  
    
  
  //設定innerHTML就有問題了：改變了innerHTML關聯  
  
  a.innerHTML='yy';  
  
    
  
  //dom a 和 span 都無法釋放了  
  
  //a.appendChild(document.createElement("span"));  
  
    
  
  //a=null;  
  
   
  
 }  
  
 < /script> 
  
   
 

正常情況下:

頁面執行後 in-use 結點 6 個 ，a 已經釋放了

 

innerHTML關聯：

改變了已刪除結點的innerHTML in-use 結點 7 個 ，a 無法釋放

 

1. 詳解Javascript中的Array擴充
2. JSON是什嗎？為JavaScript準備的資料格式
3. 十個最常用的JavaScript自訂函數
4. 有關JavaScript事件載入的一些延伸思考
5. JavaScript使用心得匯總：從BOM和DOM談起