解决javascript的内存泄漏问题

由来：

采用的jquery框架。页面上有2个div，每个div会通过js传递一个图片数组生成一个图片滚动框（就是那种带2个按钮：上5张、下5张的图片浏览器），该图片滚动框中的每张图片还有一个click事件引用图片数组中的对象。

这2个滚动框是通过ajax请求来动态生成的，更新的频率很快，在IE6下内存泄漏很严重，搞了一个按键精灵，测了半个小时，内存从45M上升到400M以上，进行了一番调优，即每次生成滚动框前，都手工的把div中的每个图片的click置为null，同时对父元素调用了jquery.empty()，然后用同样的方法又测了半个小时，内存由45M上升到不到300M，看来有改观，但还是不够好。

解决方法：

网上找了一个方法，只需要在生成前，对父元素（2个div）调用一下即可，原帖地址：http://svza.blogspot.com/2007/06/jscript.html。 同样测试了半小时，测试前内存46M左右，测试后49M左右，效果很不错啊。 

 

js：

function purge(d) {     var a = d.attributes, i, l, n;     if (a) {         l = a.length;         for (i = 0; i < l; i += 1) {             n = a[i].name;             if (typeof d[n] === 'function') {                 d[n] = null;             }         }     }     a = d.childNodes;     if (a) {         l = a.length;         for (i = 0; i < l; i += 1) {             purge(d.childNodes[i]);         }     } }

 

 

续：

第二天再继续测试的时候，发现问题依旧，只是没有那么严重了，真是郁闷，这一天的功夫又修改了一些功能，不知道是不是因为新修改的代码引起的问题，重新一段一段的测试了一下代码，终于发现了一个问题点：那就是jquery的append(html);方法。

页面js中，有很多地方在循环中反复调用jQuery.append(html);方法，类似于：

for(...){     var html = ...;    jQuery.append(html); }

后来把代码改成：

var html = “”; for(...){    html +=...; } jQuery.append(html);

 

情况马上得到了很大的改善，难道是append()引起的内存泄漏？？