IE8 内存泄露(内存一直增长 )的原因及解决办法

近期在开发过程中，我们采用了定时的局部页面更新策略。在IE6、7和Firefox浏览器中，一切运行正常，在IE8中，浏览器在几个小时后会出现崩溃现象，并提示内存溢出。针对这一问题，狼蚁网站SEO优化专家——狼蚁SEO长沙网络推广团队为我们揭示了IE8内存持续增长的原因以及内存泄漏的解决办法。在此，我们分享给对此感兴趣的朋友们共同学习。

这个问题源于IE8的一个特定Bug。在IE8中，某些特定类型的Dom节点删除后，其占用的内存并不会被释放。这些节点类型包括form、button、input、select、textarea、a、img和object等。而其他大部分节点类型如span、div、p、table等则不会引发内存泄露问题。值得注意的是，这个问题仅在IE8中出现，其他浏览器则不受影响。如果用户按下F5刷新页面，IE8会重新加载并释放内存。但如果页面是以iframe形式呈现的，仅刷新iframe并不会释放内存，只有整个window被unload时，内存才会被释放。

接下来，我们通过几个简单的例子来说明这个问题：

例1：执行狼蚁网站SEO优化的代码时，IE8会出现内存泄露。代码如下：

function leak1() {

var node = document.getElementById("TO_AREA");

nodenerHTML = "";

nodenerHTML = "";

node = null;

}

在这个例子中，由于涉及到节点的添加和删除操作，所以会引发内存泄露问题。值得注意的是，这里并没有涉及到闭包和循环引用的问题。

例2：即使不使用innerHTML操作，仍然可能出现内存泄露问题。例如：

function leak2() {

var node = document.getElementById("FROM_AREA").cloneNode(true);

node.id = "NEW_AREA";

document.body.appendChild(node);

document.body.removeChild(node);

} 这里的FROM_AREA是一个form元素的id，同样没有涉及到闭包和循环引用问题。

例3：这是一个更简单直接的例子：

function leak4() {

var node = document.createElement("IMG");

document.body.appendChild(node);

document.body.removeChild(node);

} 在这个例子中，如果使用span元素代替img元素，就不会出现内存泄露问题。值得注意的是，这些例子只在IE8中会出现内存泄露现象。经过测试发现，在Windows XP、Windows Vista、Windows Server 2008、Windows Server 2008 R2以及Windows 7等操作系统中的IE8都存在这个问题，无论使用IE8的标准模式还是IE7兼容模式都会发生内存泄露。对于iframe同样存在这个问题。至于内存释放问题，虽然内存大小会随着时间推移而增长，但这并不直接导致浏览器崩溃。浏览器似乎有自己的内存管理机制，当内存达到上限时会自动处理，如弹出内存不足对话框等提示。至于解决办法和更多细节问题，“Ext 核心开发人员Jack”提到TabPanelItem在关闭时并不会对自定义元素做特殊处理，这部分工作需要在控件外部完成。对此有兴趣的朋友们可以进行深入研究和实践以寻找更具体的解决方案。相关资料指出，Internet Explorer在iframe元素的回收方面存在一个漏洞。为了解决这个问题，我们需要采取一系列操作来确保iframe元素能够被正常回收，避免内存泄漏。通常情况下，我们应该将iframe元素的src属性值修改为"abort:blank"，并手动从DOM树中移除该元素。我们还需要清空脚本中引用该元素的变量并调用CollectGarbage()方法。这是一种针对IE浏览器特有的内存释放方式。我们还可以编写一个函数来自动处理iframe元素的清空和回收过程。这个函数会首先获取名为"ifr_content"的iframe元素，将其src属性设置为"about:blank"，然后清空其内容并关闭其内容窗口。接着，它会检查用户代理字符串是否包含"MSIE"，以确定当前是否在使用IE浏览器。如果是，它会调用CollectGarbage()方法来释放内存。接下来，它会删除原有的iframe元素标记，并创建一个新的frame元素来替换它。新的frame元素的src属性为空，名称和id与原来的元素相同。它会将这个新元素添加到页面中。为了确保内存的有效释放，我们还可以设置一个间隔函数，每隔5秒钟就调用一次CollectGarbage()方法。通过这种方式，我们可以主动释放内存，提高网页的性能和响应速度。这些操作都是为了确保网页能够高效地使用内存资源，避免出现内存泄漏等问题。在完成这些操作后，我们可以继续享受浏览网页带来的便利和乐趣。我们也应该注意到，这些操作可能会因浏览器的不同而有所差异，需要根据具体情况进行调整和优化。最终，我们将这些操作封装在一个名为"clearRAM"的函数中，并通过cambrian.render('body')命令将其应用到网页中。