Browser Window: Open & Close
This web page contains information on how to open & close browser windows
using JavaScript.
- Click Here to
open a URL in a new browser window using a standard link tag. Notice the
property: target="_blank" in the href tag. This
creates the new window.
<a href="ex_window_openclose_new.htm"
target="_blank">
- Click
Here to open a URL in a new browser window using the JavaScript
window.open() command.
<a href="javascript:
window.open('ex_window_openclose_newfromjs.htm'); void('');">
- Click
Here to open a URL in a new browser window without any toolbars.
<a href="javascript:
window.open('ex_window_openclose_newfromjs.htm','','toolbar=no');
void('');">
Because I passed a 3rd parameter of 'toolbar=no' the "Back"
and "Forward" buttons will not appear. Once the 3rd
parameter has a value the default for the other attributes is turned
off. That is why none of the the other toolbars appear: location
(URL line), status (bottom status toolbar), etc...
- Click
Here to open a URL in a new browser window without any toolbars except
the "status" toolbar. I feel that the status toolbar should
always be displayed. This is a popular style of opening up a new
window with some information in it.
<a href="javascript:
window.open('ex_window_openclose_newfromjs.htm','','status=yes');
void('');">
- Click
Here to open a URL in a new browser window with a certain HEIGHT and
WIDTH size having no toolbars except the "status" toolbar. Very
popular also!
<a href="javascript:
window.open('ex_window_openclose_newfromjs.htm','','status=yes,
width=400,height=400'); void('');">
- Click
Here to open a URL in a new browser window using the MAXIMUM screen size
by using a variable loaded with the window properties called "strWinProp".
Click on View Source and look at the init() JavaScript method which is run
when the page loads (<body onLoad = "init()">
<a href="javascript:window.open('ex_window_openclose_newfromjs.htm','',strWinProp);void('');">
- Click Here to open a new window with a
web page that will automatically open a new popup window.
<script language="javascript">
window.open('ex_window_popup_wina.htm','','status=yes, width=400,height=400');
</script>
The JavaScript window.close() method will close a browser window.
- Closing a window
- If you try to close a window that the user created (IE or
Netscape) then the browser will prompt you with something similar to this:
"The web page you are viewing is trying to close this window.
Do you want to close this window?"
- If a new browser window was created by a web page (ex: using window.open()
or <a href> with the property target="_blank") then you will
not be prompted. With IE 5.5 & NS 4.7 (maybe older versions to),
if the user used the right click and "Open in New Window" then
you can close the window without the close
window prompt appearing.
- Warning, this next link will close this browser window. You may want
to bookmark this web page first.
Click
Here to close this window. Note: If you created this window by
just clicking the link (vs right click and "Open in New Window"), it will
prompt you before closing the window. You can choose "NO" or "YES".
<a href="javascript:
window.close();">
- Click Here to
create a new window that you can then close. Using standard html
link tag.
<a href="ex_window_openclose_close.htm"
target="_blank">
- Click
Here to create a new window using JavaScript that you can then close.
<a href="javascript:
window.open('ex_window_openclose_close.htm','','status=yes');
void('');">
- Click Here to load a new URL into
this window. Warning: if you then click on the close link, you
will close this browser window. You can choose "NO" or "YES".
<a href="ex_window_openclose_close.htm">
- Closing windows - Frame vs No frame.
- Frame vs New Window -
Shows how to determine if new window is in a frame or a new window. The
file "..._level1.htm" has the logic in a JavaScript function
called closeWindow().
|
