Dynamically create an HTML document using javascript using window

Question

I need to create a new HTML page using javascript. To do that I tried using the window object

let myDocument = window;

myDocument.document.write(`
     <html>
         <head>
               <title>${title}</title>
         </head>
         <body><section id="print"></section></body>
     </html>
`)

My problem is that I would like to generate that on the background and save the result somewhere in my project.

The user cannot see a new page open or a new window
The new HTML has to be saved

These are the two problems I have at the moment. I can generate the page, but I could not find out how to do that on the background. My limitation is that the project uses pure javascript so Node.js packages might not work.

Why are you trying to do this? What's the goal? Anyhow I would personally use HTML5's offline storage — Alexandre Elshobokshy
– Alexandre Elshobokshy, Commented Aug 21, 2020 at 10:56
There's no need for window object in this? Why not simply store HTML in a variable? — Sudhanshu Rai
– Sudhanshu Rai, Commented Aug 21, 2020 at 10:56
Document.write is no longer suitable for anything like this - Chrome, and possibly webkit browsers in general - does not create a new execution context for the page written with document.write so JavaScript written into the document risks generating errors because you've used the same variable name previously. — traktor
– traktor, Commented Aug 21, 2020 at 11:50

Yogendra Chauhan · Accepted Answer · 2020-08-21 11:00:34Z

1

Instead of document.write you can save it in a variable & use it when you want or save it through service or localStorage.

You code must be like:

const title = "Hello World!";
let myDocument =
     `<html>
         <head>
               <title>${title}</title>
         </head>
         <body><section id="print"></section></body>
     </html>`;
     
console.log(myDocument);

answered Aug 21, 2020 at 11:00

Yogendra Chauhan

8255 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

EAzevedo Over a year ago

That will solve at least three problems... The actual and two I would have in the future. So simple and I didn't see it, thanks a lot!

Collectives™ on Stack Overflow

Dynamically create an HTML document using javascript using window

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related