6
ID属性に動的に作成されたDOMオブジェクトの値を割り当てるとIE9がメモリをリークすることに気付きました。他の誰かがこれを体験しましたか、もっと重要なのは、回避策を知っていますか？それは他のブラウザでも漏れません、IE6のパスさえ！漏れコードのID属性の動的DOMオブジェクトのIE9メモリリーク
デモ：これは、単に追加し、連続してテーブルから行を削除し、後で参照するために使用される各列にIDを割り当て
。
"row.id = eid;"がなくてもリークは発生しません。
<html>
<head>
<script type="text/javascript">
function addRow(tbl, index) {
var row = tbl.insertRow(index);
var eid = "loongrowid" + count;
row.id = eid;
for (var i = 0; i < 9; i++) {
row.insertCell(i);
}
return row;
}
function removeTableRow(tbl, index) {
var row = tbl.rows[index];
tbl.deleteRow(index);
}
var count = 1;
function fillRow(row){
row.cells[0].innerHTML = '<input type="checkbox"' + ' checked="checked"' + ' />';
for (var i = 1; i < 9; i++) {
row.cells[i].innerHTML = count + " c";
}
++count;
}
var added = false;
function dostuff()
{
var tbl = document.getElementById("tbl");
var i;
if (added)
{
for (i = 0; i < 20; ++i)
{
removeTableRow(tbl,1);
}
}
else
{
for (i = 0; i < 20; ++i)
{
var row = addRow(tbl, i+1);
fillRow(row);
}
}
added = !added;
setTimeout(dostuff, 1);
}
</script>
</head>
<body onload="setTimeout(dostuff, 1)">
<h1 id="count">TESTING</h1>
<table id="tbl" style="width:100%;">
<tr>
<th>selected</th>
<th>date</th>
<th>time</th>
<th>place</th>
<th>device</th>
<th>text</th>
<th>state</th>
<th>status</th>
<th>quality</th>
</tr>
</table>
</body>
</html>
Iは表の行からすべての細胞を除去すると、メモリリークが縮小させることに気づいたので、私はそれがテーブルから削除された後IEが行へ保持推測。
また、getElementById（row.id）に頼るのではなく、ハッシュテーブルとして使用するために作成されたテーブル行をJavascriptオブジェクトに追加するという回避策を試しましたが、見えない何らかの理由でリークしました。
var hash = [];
// when creating row
row.extid = eid; // Note: this by itself causes no leak
hash[eid] = row;
// when removing row
delete hash[row.extid];
あなたは 'setAttribute'でidを割り当ててみましたか？理論的には違いはありませんが、私たちは決して知らないのです。 – bfavaretto
私はそれを試みましたが、それは何の違いもありませんでした。 –
問題は、このコードの遅い作業またはIEのあまりにも多くのメモリを取っている？ DOMに挿入しようとしましたが、最初にいくつかの変数に新しいHTMLをすべて集めましたか？ – shershen