细节记录, 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就有问题了
- a.innerHTML='yy';
- //dom a 和 span 都无法释放了
- //a.appendChild(document.createElement("span"));
- //a=null;
- }
- </script>
<div id="p">
<a id="c">
xx
</a>
</div>
<script>
window.οnlοad=function(){
var a=document.getElementById("c");
document.getElementById("p").innerHTML="";
//css,属性没有问题
//a.style.width="1px";
//a.href="xx";
//设置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 无法释放