javascript 内存溢出问题
当一个DOM对象包含一个Js对象的引用(例如一个Event Handler), 而这个Js对象又持有对这个DOM对象的引用时,一个环状引用
就行成了,于是在ie下就出现了内存泄露。点击“运行代码”并打开任务管理器看内存变化。分别在ie8和ff下测试,差距不用
多说。
<html>
<body>
</body>
</html>
<script>
var array = [];
var number = 0;
setInterval(function(){
array.push(createDomeNode());
if(array.length>10)
{
var first = array.shift();
first.onclick = null; //解决IE内存泄漏
document.body.removeChild(first);
}
},10);
function createDomeNode()
{
var div = document.createElement('div');
div.appendChild(document.createTextNode("第"+(number++)+"个div"));
div.onclick = function(e){
div.style.backgroundColor = 'blue';
}
document.body.appendChild(div);
return div;
}
</script>