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>
精彩评论