Home/ Questions/Q 7649529
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T10:59:22+00:00

Just trying to set up a little test page and even it doesn’t behave

  • 0

Just trying to set up a little test page and even it doesn’t behave as expected.

Given the following working code:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">
<title>Terry's Test Page</title>
<script src='jquery-1.7.1.min.js'></script>
</head>
<body>
    <p>from the html in index.html</p>
</body>
</html>

I get what I expect, the one line from the html and Terry’s Test Page in the tab label. However, if I add just before the </head> line:

<script>$(document).ready(function() {
document.write('<p>from the js</p>');
});
</script>

I properly get the ‘from the js’ line — no from html since document.write replaces it — but the tab label is not filled with Terry’s Test Page. In IE the tab label shows the url, in Firefox it shows ‘Connecting …’ but it never gets beyond that.

What is it about document.write that I don’t understand? Do I have to issue some sort of end of file or some such?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Since you call document.write after page load, it calls document.open, which empties the whole document. The browser does its best and creates a complete new document with what you provide. The document is not only the content in the body, but everything else as well.

    In your case, your document is <p>from the js</p>, but since this is not a valid HTML document (missing html, head and body), the browser will add what’s necessary.

    For example take

    document.write('<head><title>foo</title></head>');

    This will just create an empty body, but set the title of the page to foo.

    • 0