javascript - 关于 document.write 函数的一个非常基本的 JavaScript 问题

Question

我不熟悉 JavaScript 和 jQuery。这是我在空白页上的唯​​一代码:

<script type="text/javascript" src="jquery.min.js"></script>

    <script type="text/javascript">
        $(document).ready(function() {

            document.write('Hello World');

        });
    </script>

当我在浏览器(使用 FireFox)中加载页面时，状态图标以及打开的选项卡的图标区域显示加载符号，好像表明 document.write 函数正在循环中连续执行。

这是为什么？我只是想说“一旦页面准备好输出到屏幕上，字符串 Hello World ONCE”。这里有什么问题吗？

附注我注意到如果我取出代码的 document.ready 部分，就没有循环。不确定为什么事件就绪处理程序会导致此问题。

Answer 1

document.write，如果在 DOM 加载后执行，则完全重写页面。它只能在 DOM 加载时执行，不能在加载之后执行，$(document).ready() 发生在 DOM 加载完成之后。

您正在寻找 append() .

<script type="text/javascript">
    $(document).ready(function() {

        $('body').append('Hello World');

    });
</script>