大家帮我看看这断代码内存怎么释放。

a291410855 2011-08-25 09:22:47

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <style type="text/css">

        </style>



    <script src="js/JsGrid/jquery-1.5.2.min.js" type="text/javascript"></script>



    <script type="text/javascript">

        function test() {

            var mytb = document.getElementById("tb");

            var r = null;

            var c = null;

            for (var i = 0; i < mytb.rows.length; i++) {

                r = mytb.rows[i];

                c = r.cells;

                //$(c[0]).empty();

                c[0].innerHTML = "<img  align='center' border='0' src ='images/zhuangtai_1.jpg'></img>";//内存不断增加

                //c[0].innerHTML = "如果是文字就可以释放？";//内存无改变。

                //$(c[0]).html("<img  align='center' border='0' src ='images/zhuangtai_1.jpg'></img>");

                //c[0] = replaceHtml(c[0], "<img  align='center' border='0' src ='images/zhuangtai_1.jpg'></img>");

            }

        }



        onload = function() {

            for (var i = 0; i < 200; i++) {

                var r = document.getElementById("tb").insertRow(0);

                var c = r.insertCell(0);

                c.innerHTML = "内存为什么释放不出来呢？"

            }

            setInterval(test, 1000);

        };



        //        function replaceHtml(el, html) {

        //            var oldEl = typeof el === "string" ? document.getElementById(el) : el;

        //            // 单纯innerHTML在IE中会稍微更快一些

        //            oldEl.innerHTML = html;

        //            return oldEl;



        //            var newEl = oldEl.cloneNode(false);

        //            newEl.innerHTML = html;

        //            oldEl.parentNode.replaceChild(newEl, oldEl);

        //            /* 因为我们只是从DOM中移除旧元素，所以返回一个新元素引用用作恢复 */

        //            return newEl;

        //        }

    </script>



</head>

<body>

    <input id="Button1" type="button" onclick="test()" value="button" />

    <label id="LabID">

    </label>

    <table id="tb">

        <tr>

            <td id="粤B">

            </td>

        </tr>

    </table>

</body>

</html>

...全文

124 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

a291410855 2011-08-25

打赏
举报

delete c是不能解决问题的。

我的意思就是上述代码会引起进程iexplore.exe进程内存不断增加。
问题在c[0].innerHTML = "<img align='center' border='0' src ='images/zhuangtai_1.jpg'></img>";这里。

a291410855 2011-08-25

打赏
举报

http://www.iteye.com/topic/617997

就是类似这样的问题。。。

二楼的google一搜就有。表达仍不能解决问题。

zzxap 2011-08-25

打赏
举报

delete c

zzxap 2011-08-25

打赏
举报

1、给DOM对象添加的属性是一个对象的引用。范例：
var MyObject = {};
document.getElementById('myDiv').myProp = MyObject;
解决方法：
在window.onunload事件中写上: document.getElementById('myDiv').myProp = null;

2、DOM对象与JS对象相互引用。范例：
function Encapsulator(element) {
this.elementReference = element;
element.myProp = this;
}
new Encapsulator(document.getElementById('myDiv'));
解决方法：
在onunload事件中写上: document.getElementById('myDiv').myProp = null;

3、给DOM对象用attachEvent绑定事件。范例：
function doClick() {}
element.attachEvent("onclick", doClick);
解决方法：
在onunload事件中写上: element.detachEvent('onclick', doClick);

4、从外到内执行appendChild。这时即使调用removeChild也无法释放。范例：
var parentDiv = document.createElement("div");
var childDiv = document.createElement("div");
document.body.appendChild(parentDiv);
parentDiv.appendChild(childDiv);
解决方法：
从内到外执行appendChild:
var parentDiv = document.createElement("div");
var childDiv = document.createElement("div");
parentDiv.appendChild(childDiv);
document.body.appendChild(parentDiv);

5、反复重写同一个属性会造成内存大量占用(但关闭IE后内存会被释放)。范例：
for(i = 0; i < 5000; i++) {
hostElement.text = "asdfasdfasdf";
}
这种方式相当于定义了5000个属性！
解决方法：
其实没什么解决方法:P~~~就是编程的时候尽量避免出现这种情况咯~~

说明：
1、以上资料均来源于微软官方的MSDN站点，链接地址：
http://msdn.microsoft.com/librar ... e_leak_patterns.asp
大家可以到上面这个地址中看到详细的说明，包括范例和图例都有。只是我英文不太好，看不太懂，如果我上述有失误或有需要补充的地方请大家指出。

2、对于第一条，事实上包括 element.onclick = funcRef 这种写法也算在其中，因为这也是一个对对象的引用。在页面onunload时应该释放掉。

3、对于第三条，在MSDN的英文说明中好像是说即使调用detachEvent也无法释放内存，因为在attachEvent的时候就已经造成内存“LEAK”了，不过detachEvent后情况还是会好一点。不知道是不是这样，请英文好的亲能够指出。

4、在实际编程中，这些内存问题的实际影响并不大，尤其是给客户使用时，客户对此绝不会有察觉，然而这些问题对于程序员来说却始终是个心病 --- 有这样的BUG心里总会觉得不舒服吧？能解决则给与解决，这样是最好的。事实上我在webfx.eae.net这样顶级的JS源码站点中，在它们的源码里都会看到采用上述解决方式进行内存的释放管理。