点击导航栏，ie8 下内存递增的原因及其解决方法(主要是围绕是否是iframe导致的)

最近几个项目中均遇到这样的一个问题：点击导航栏ie8 下内存递增

该如何解决？

首先要明白2个概念：内存溢出和内存泄露；

内存溢出 out of memory，是指程序在申请内存时，没有足够的内存空间供其使用，出现out of memory；比如申请了一个integer,但给它存了long才能存下的数，那就是内存溢出。

内存泄露 memory leak，是指程序在申请内存后，无法释放已申请的内存空间，一次内存泄露危害可以忽略，不断点击，内存不断增加。所以内存泄露堆积后果很严重，无论多少内存,迟早会被占光。

2者的关系：memory leak会最终会导致out of memory！

内存泄漏可以分为4类：

1. 常发性内存泄漏。发生内存泄漏的代码会被多次执行到，每次被执行的时候都会导致一块内存泄漏。

2. 偶发性内存泄漏。发生内存泄漏的代码只有在某些特定环境或操作过程下才会发生。常发性和偶发性是相对的。对于特定的环境，偶发性的也许就变成了常发性的。所以测试环境和测试方法对检测内存泄漏至关重要。

3. 一次性内存泄漏。发生内存泄漏的代码只会被执行一次，或者由于算法上的缺陷，导致总会有一块仅且一块内存发生泄漏。比如，在类的构造函数中分配内存，在析构函数中却没有释放该内存，所以内存泄漏只会发生一次。

4. 隐式内存泄漏。程序在运行过程中不停的分配内存，但是直到结束的时候才释放内存。严格的说这里并没有发生内存泄漏，因为最终程序释放了所有申请的内存。但是对于一个服务器程序，需要运行几天，几周甚至几个月，不及时释放内存也可能导致最终耗尽系统的所有内存。所以，我们称这类内存泄漏为隐式内存泄漏。

不幸运的是，我们项目中出现的都是常发性内存泄漏。

下面细说下我们公司常发性内存泄露的剖析：（我们公司的内容基本都是通过iframe嵌套的，故主要是排查是不是此原因。）

第一：每点击一次，内存便增加；若增加很多，代表你页面本身写法不符合规范，譬如引入大量重复的js文件等等，循环引用dom节点；请先解决这个问题，再继续往下。

第二：不断点击，不断点击，看看是否会出现增加到一定程度，将不再增加。若是，说明内存清除起作用了。若否，请先执行：在iframe关闭时，需要清除里面的dom元素，且让iframe指向一个空白的页面。即如下代码：

var el = document.getElementById("IFrame1");
if (el) {
iframe = el.contentWindow;
//清除文档
el.src = 'about:blank';
try {
iframe.document.write('');
iframe.document.clear();
CollectGarbage();
} catch (e) { };
//清除节点
var _parentElement = el.parentNode;
if (_parentElement) {
_parentElement.removeChild(el);
}
}

第三：使用上述方法后，重新加载iframe时都会释放一定的内存（可以从进程中看到内存的变化），但加载后新增的内存比释放的内存要多很多，再多次加载后还是会导致内存溢出。

第四：先看看是不是IE的bug，用下CollectGarbage（）函数进行垃圾回收。若此函数没有效果，可能表明内存溢出不仅仅在IE存在，火狐和谷歌浏览器有，只是溢出程度较轻。

第五：请使用$.get替换iframe动态加载html，看看内存是否继续增加。

代码如下：

$.get(src, function (data) { //初始將a.html include div#iframe
$("#center").empty();
$("#center").html(data);
});

若是，则代表和iframe无关。请执行第一个环节中的页面本身不规范的问题。