html textarea变得很慢

时间:2018-04-12 18:35:54

标签: javascript html textarea

我有一个简单的网页,可以将一些数据打印到一个文本区域,它可以从远程设备获取,但我注意到当它变得太大时,更新速度会非常慢。 在我看来,每次我发送新数据时,整个事情都会在浏览器内存或其他东西上重建,即使我只是追加旧数据。

有没有简单的方法可以解决这个问题? 您可以通过运行以下简单代码轻松注意我所描述的内容:

<!DOCTYPE html>
<html>

<body onload='load()'>

<textarea id='textarea'></textarea>

<script>
function load() {
    var textarea = document.getElementById('textarea');
    var text = "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa";
    var a, i;

    for (a = 0; a < 5; a++) {
        for (i = 0; i < 2000; i++) {
        textarea.appendChild(document.createTextNode(text));
        }
    alert(a);
    }
}
</script>
</body>
</html>

提前谢谢

0 个答案:

没有答案