Javascript內存使用

Question

在以下代碼中：

$(document).ready(function() {
    var content = "";
    for (var i = 0; i < 1000; i++) {
        content += "<div>Testing...</div>";
    }
    $("#Load").click(function() {
        $("#MyDiv").empty();
        $("#MyDiv").append(content);
        return false;
    });
});

加載是一個簡單的鏈接，MyDiv是一個簡單的div。 在我測試的每個主要瀏覽器中，當我多次點擊鏈接時，我看到任務管理器中的內存使用量上升。 在IE中，它每次都會略微上升並保持不變。 在FF中，它每次都會上升，但偶爾會下降（我認為這意味着內存正在被回收或垃圾收集 - 這是一個好兆頭）。 在Chrome中，它每次都會顯着上升並保持不變。

首先，這段代碼是否正確清理了DOM？ 如果是這樣，為什么每次點擊都會增加內存使用量？

注意：我試圖讓示例盡可能簡單，但類似於我在我的應用中遇到的問題。

Answer 1

將它包裹在div標簽周圍。 它將極大地幫助並使用本機innerHTML（它更快）。

$(document).ready(function() { 
    var content = ""; 
    for (var i = 0; i < 1000; i++) { 
        content += "<div>Testing...</div>"; 
    } 
    $("#Load").click(function() { 
        document.getElementById('MyDiv').innerHTML = ('<div>'+content+'</div>'); 
        return false; 
    }); 
});