HTML and CSS Reference
In-Depth Information
he list of features is a string with comma-separated values. here are dif-
ferences between browsers, but here are the commonly supported features:
status
he status bar at the bottom of the window
toolbar
he standard browser toolbar, with buttons such as Back
and Forward
location
he Location entry ield where you enter the URL
menubar
he window's menu bar
resizable
Allows/disallows the user to resize the window
scrollbars
Enables the scrollbars if the document is bigger than the
window
height
Speciies the window's height in pixels (example:
height=350
)
width
Speciies the window's width in pixels
height
and
width
take values in pixels. he other features can be given val-
ues of 1 or 0 to enable or disable that feature. he
window.open
method returns
a window object that can later be used to manipulate that window. For exam-
ple, the following HTML creates two buttons—one to open a new window, and
another to close it:
<button onclick="thatWindow =
window.open('pop.html', '', 'width=450,height=600');">
Open that window
</button>
<button onclick="thatWindow.close();">
Close that window!
</button>
By default, a browser shits focus to the new window, possibly placing it on
top of the window that opened it. If you would rather keep the focus on the
current window, add
self.focus()
; ater the
open
command:
<button onclick="
thatWindow = window.open('pop.html','','width=450,height=600');
self.focus();">
Open that window
</button>