Javascript和html:文档之前的窗口更新

问题描述 投票:0回答:2

您可以在下面的代码中看到,我想运行3次循环,并在每次运行中向文档写一行。但是,当我打开页面时,警报消息会弹出3次,然后才在页面上看到新单词。

为什么会发生?有没有办法在仍处于循环状态时更新文档?我猜想它与“窗口”和“文档”有关,但是我不太确定它们的工作原理。无论如何,预先感谢!

<!DOCTYPE html>
<html>
    <script>

        var words = ["please", "print", "me!"]

        for (word of words) {
            alert("don't mind me!");
            document.write(word + "</br>")
        }

    </script>
</html>

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9JcnpRUy5naWZdIn0=” alt =“页面的gif”>“ >>

您可以在下面的代码中看到,我想运行3次循环,并在每次运行中向文档写一行。但是,当我打开页面时,警报消息会弹出3次,然后才看到...

javascript html
2个回答
1
投票

那是因为Javascript是FAST


0
投票

因为document.write()“在尚未构建DOM的情况下直接写入页面文本。”仅在页面加载时,对document.write的调用才有效。如果我们稍后调用它,则现有文档内容将被删除。我在https://javascript.info/modifying-document#a-word-about-document-write]上引用了文档

© www.soinside.com 2019 - 2024. All rights reserved.