我真的很努力了,但是还是被IE摆了一道(关于removeChild)

最新推荐文章于 2022-04-28 17:34:20 发布

fins

最新推荐文章于 2022-04-28 17:34:20 发布

阅读量549

点赞数

分类专栏： GT-Grid 文章标签： IE EXT Firebug Office Ajax

GT-Grid 专栏收录该内容

106 篇文章 0 订阅

订阅专栏

首先声明, 这事我也有责任!!!!
对IE的内存泄露和IE的内存回收以及IE7的不思进取了解的不够!!!

我印象中下面三件事能够引起IE臭名昭著的内存问题

[color=blue]1 dom和js对象彼此之间不恰当的引用
以及
2 给dom结点添加事件
还有
3 反复的对dom进行innerHTML操作[/color]

以上三点都有可能引起内存泄露或者是内存无法回收.

所以我在开发时极力避免了上面情况的发生.而且我是在IE7下进行开发和测试.

当我避免了上面的三种错误, 而且在IE7下测试,依然产生大量的孤立dom结点时
我就不得不怀疑我的程序存在严重问题了. 于是我开始看啊找啊分析啊调试啊

GT grid的几千行代码不停的改着测着但是我就是没找到原因而且代码被我弄得面目全非,依然没有找到原因.

周日发布最新demo版的计划也要暂时搁浅了

不过我真的很努力了希望大家相信我也继续支持我

先不给自己的再次食言找接口了继续我的那个问题. 后来自己写了一个简单的页面. 一个避免了上面提到的三点而且足够简单的页面


<html>
 <head>
<script type="text/javascript">

function $(id) {
	return typeof(id)=='string'?document.getElementById(id):id;
}

function removeElement(el){
		el=$(el);
		if (el && el.parentNode) {
			el.parentNode.removeChild(el);
		}
}

  </script>
 </head>

 <body >
  <div id="ttt">aaa</div>

  <input type="button" value="b1" onclick="removeElement('ttt')">
 </body>
</html>

原来ie的 removeChild 也有问题 . 其实EXT已经提供了一个相对好的解决方案

大家看看ext的做法:


        removeNode : isIE ? function(){
            var d;
            return function(n){
                if(n && n.tagName != 'BODY'){
                    d = d || document.createElement('div');
                    d.appendChild(n);
                    d.innerHTML = '';
                }
            }
        }() : function(n){
            if(n && n.parentNode && n.tagName != 'BODY'){
                n.parentNode.removeChild(n);
            }
        },

唉都怪我学习他人代码的时候不够认真仔细看来还要继续努力了.
不过 ext这种做法真的就是最好的吗?? 还有没有更好的呢??

====================================
[color=red]经过hax的提示又做了测试果然有更好的办法[/color]

那就是在利用ie下的 outerHTML="" 方法.

另外关于 ie 的 removeNode方法测试了

当使用 el.removeNode() 时可以清除el 同时内存会回收
但是大家注意这时候由于没有指定删除子结点 (removeNode的参数)
所以子结点不会被删除
于是我加上了参数 el,removeNode(true)

奇怪的事情发生了此时不好用了 el和el的子结点都没有被回收

这样看来 removeNode 就没什么意义了

====================================
[color=red]但是经过进一部确认最好的做法还是 ext的做法[/color]

因为不是所有的元素都可以执行 outerHTML="" 这个操作的
因为和innerHTML一样对于有些元素来说 outerHTML这个属性是只读的

呵呵

这么一个小问题我也要研究这么半天唉看来基础知识还需要加强啊

fins

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
我真的很努力了,但是还是被IE摆了一道(关于removeChild)

首先声明, 这事我也有责任!!!!对IE的内存泄露和IE的内存回收以及IE7的不思进取了解的不够!!!我印象中下面三件事能够引起IE臭名昭著的内存问题[color=blue]1 dom和js对象彼此之间不恰当的引用以及2 给dom结点添加事件还有3 反复的对dom进行innerHTML操作[/color]以上三点都有可能引起内存泄露或者是内存无法回...
复制链接

扫一扫

专栏目录