How can I make JavaScript make (produce) new page?

Question

I would like to make a button on a page that can call a JS function in the same page. The function will need to create (open) new window which its HTML code was given from the JS function itself. How can I do that?

The purpose of this is to produce a print friendly page out of a specific page.

Please notice: No AJAX can be used.

score 23 · Accepted Answer · edited Mar 09 '17 at 13:32

23

var opened = window.open("");
opened.document.write("<html><head><title>MyTitle</title></head><body>test</body></html>");

edited Mar 09 '17 at 13:32

M. A. Kishawy

5,001
11
47
72

answered Jan 05 '10 at 07:52

Fabien Ménager

140,109
3
41
60

score 4 · Answer 2 · answered Jan 05 '10 at 06:39

4

var w = window.open("");
w.document.writeln("<the html you wanted to write>")

answered Jan 05 '10 at 06:39

Roy Tang

5,643
9
44
74

score 2 · Answer 3 · answered Jan 05 '10 at 06:40

2

function fu() {
  var opened = window.open("");
  opened.document.write("Your HTML here");
}

answered Jan 05 '10 at 06:40

Emil Vikström

90,431
16
141
175

it opens new window however it doesn't write anything in it!! – M. A. Kishawy Jan 05 '10 at 07:34
It works for me in Firefox. Which browser are you trying this in, and do you get any errors? – Emil Vikström Jan 05 '10 at 07:54
No errors! but it looks like it won't show the text you write unless you use the HTML properties as Fabien wrote. Thanks – M. A. Kishawy Jan 05 '10 at 08:02

score 0 · Answer 4 · answered Oct 26 '22 at 14:13

<textarea id="code" placeholder="Put code here!" width="500" height="500">
<DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html></textarea>
<input id="width" placeholder="width">
<input id = "height" placeholder="height">
<button onClick="open();">Open the window!</button>
<button onClick="write();">Apply the html to the window</button>
<button onClick = "resize();">Resize the window!</button>
<script>
var win;
function open(){
win = window.open("", "", "");
win.resizeTo(screen.width, screen.height);
}
function resize(){
win.resizeTo(eval(document.getElementById("width")), eval(document.getElementById("height")))
}
function write(){
win.document.write(document.getElementByid("code").value);
}
</script>

Here you can input things and change the window. Hope you enjoy! :)

How can I make JavaScript make (produce) new page?

4 Answers4

Linked