How can JavaScript make new page that contains more JavaScript?

I'm opening new page using JS and writing into it the HTML code, however when I try to write JS inside the new page using document.write() function it doesn't work. Apparently the main JS closes as soon as the it sees </script> which is intended for the JS of the new page that will be opened.

Is there away around this?

var opened = window.open("");
opened.document.write("<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">");
opened.document.write("<html lang=\"en-US\" xml:lang=\"en-US\" xmlns=\"http://www.w3.org/1999/xhtml\">");
opened.document.write("<head><title>Print Copy</title></head>");
opened.document.write("<body>");
opened.document.write("<script type=\"text/javascript\">");
opened.document.write("</script>");
opened.document.write("<p>test</p></body></html>");

This sounds like you are embedding the JS into an HTML document rather than using an external file, and that you are serving it as text/html. (If it was XHTML then you would get a simple well-formedness error).

You could move the code to an external file (which is the simplest option), or you can escape the slash characters on anything that looks like an end tag:

document.write("<\/script>");

Note you should do this to all end tags (not just </script>) due to the way SGML works (even if most browsers don't completely respect the rules of SGML).

There is a good FAQ entry on this subject.

Daniel Vassallo

If you do not fancy splitting the string, you can also use the escape character: