How to customize the title of my browser window

Question

I want to customize the display of my html, using window.open(). I wrote the code below, and got the output as per the screen shot attached.

My points are:

I found the window to be resizable though i used resizable=no
how to hide the bar title
How to add my customs title to the form/page, I want to replace the untitled by report:

var report = window.open('', '_blank', 'title="Report",toolbar=0, top=500,left=500, width=200,height=100,resizable=no,scrollbars=no, menubar=no, location=no, status=no');

report.document.body.innerHTML = text;

If @Will answer doesnt work for some reason try adding title tag inside innerHTML( your text) — Ivan Marincic, Dec 22 '16 at 11:16
you can't hide the address bar for security (anti-spoofing) reasons. — Kevin Kloet, Dec 22 '16 at 11:26

score 4 · Accepted Answer · edited May 23 '17 at 12:08

If you want a title to appear in the new window just set the title tag in your text inside the <head>.

<title>Title you want</title>

Example:

var report = window.open('', '_blank', 'title="Report",toolbar=0, top=500,left=500, width=200,height=100,resizable=no,scrollbars=no, menubar=no, location=no, status=no');
report.document.write("<html><head><title>TEST</title></head></html>");

Notice that I used document.write().

Also, in modern browser is not permitted to hide the url bar, you can find more info here.

The resize option has also a bug. Check this answer about disabling resize of new windows.

score 1 · Answer 2 · edited Dec 22 '16 at 12:32

1

Thanks for @Will and @GerardCuadras

Both answers are workable, so not sure which to accept as correct one, i voted up for both of them.

report.document.title = 'My customs Report';
report.document.body.innerHTML = text;

or

report.document.body.innerHTML = '<title>My customs Report</title>';
report.document.body.innerHTML += text;

edited Dec 22 '16 at 12:32

Gerard Cuadras

1,655
1
17
23

answered Dec 22 '16 at 12:18

Hasan A Yousef

22,789
24
132
203

1

Note that mine, answer all points of your question. The @Will one doesn't explain anything and that's not a good practice. – Gerard Cuadras Dec 22 '16 at 12:23
1

@GerardCuadras thanks a lot, your answer had been accepted as the correct one. – Hasan A Yousef Dec 22 '16 at 12:24

score -1 · Answer 3 · answered Dec 22 '16 at 11:12

var report = window.open('', '_blank', 'title="Report",toolbar=0, top=500,left=500, width=200,height=100,resizable=no,scrollbars=no, menubar=no, location=no, status=no');
report.document.body.innerHTML = text;

**report.document.title = 'custom one';**

How to customize the title of my browser window

3 Answers3