在ie下的js编程中,如下的编程方式都会形成即便关闭ie也没法释放内存的问题,下面分类给出:
一、给dom对象添加的属性是一个对象的引用。范例:
var myobject = {};
document.getelementbyid('mydiv').myprop = myobject;
解决方法:
在window.onunload事件中写上: document.getelementbyid('mydiv').myprop = null;
二、dom对象与js对象相互引用。范例:
function encapsulator(element) {
this.elementreference = element;
element.myprop = this;
}
new encapsulator(document.getelementbyid('mydiv'));
解决方法:
在onunload事件中写上: document.getelementbyid('mydiv').myprop = null;
三、给dom对象用attachevent绑定事件。范例:
function doclick() {}
element.attachevent("onclick", doclick);
解决方法:
在onunload事件中写上: element.detachevent('onclick', doclick);
四、从外到内执行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);
五、反复重写同一个属性会形成内存大量占用(但关闭ie后内存会被释放)。范例:
for(i = 0; i < 5000; i++) {
hostelement.text = "asdfasdfasdf";
}
这种方式至关于定义了5000个属性!
解决方法:
其实没什么解决方法:p~~~就是编程的时候尽可能避免出现这种状况咯~~
说明: 一、以上资料均来源于微软官方的msdn站点,连接地址: http://msdn.microsoft.com/librar ... e_leak_patterns.asp 你们能够到上面这个地址中看到详细的说明,包括范例和图例都有。只是我英文不太好,看不太懂,若是我上述有失误或有须要补充的地方请你们指出。 二、对于第一条,事实上包括 element.onclick = funcref 这种写法也算在其中,由于这也是一个对对象的引用。在页面onunload时应该释放掉。 三、对于第三条,在msdn的英文说明中好像是说即便调用detachevent也没法释放内存,由于在attachevent的时候就已经形成内存“leak”了,不过detachevent后状况仍是会好一点。不知道是否是这样,请英文好的亲可以指出。 四、在实际编程中,这些内存问题的实际影响并不大,尤为是给客户使用时,客户对此毫不会有察觉,然而这些问题对于程序员来讲却始终是个心病 --- 有这样的bug内心总会以为不舒服吧?能解决则给与解决,这样是最好的。事实上我在webfx.eae.net这样顶级的js源码站点中,在它们的源码里都会看到采用上述解决方式进行内存的释放管理。