A very basic JavaScript question about the document.write function

I'm new to JavaScript as well as jQuery. This is the only code I have on an otherwise blank page:

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

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

            document.write('Hello World');

        });
    </script>

When I load the page in a browser (using FireFox) the status icon as w开发者_JAVA技巧ell as the favicon area of the opened tab shows loading symbols, as if to indicate that the document.write function is being executed continuously in a loop.

Why is this? I'm merely trying to say "once the page is ready output to the screen the string Hello World ONCE". What's wrong here?

p.s. I noticed if I take out the document.ready portion of the code there is no loop. Not sure why the event ready handler is causing this issue.

---

document.write, if executed after the DOM is loaded, completely rewrites the page. It can only be executed while the DOM is loading, not after, and $(document).ready() occurs after the DOM has completed loading.

You're looking to append().

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

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

    });
</script>