HTML DOM open() Method
Complete Window Object Reference
Definition and Usage
The open() method is used to open a new browser window.
Syntax
window.open(URL,name,specs,replace)
|
Parameter |
Description |
URL |
Optional. Specifies the URL of the page to open. If no URL is specified, a new window with about:blank
is opened |
name |
Optional. Specifies the target attribute or the name of the window. The following values are supported:
- _blank - URL is loaded into a new window. This is default
- _parent - URL is loaded into the parent frame
- _self - URL replaces the current page
- _top - URL replaces any framesets that may be loaded
- name - The name of the window
|
specs |
Optional. A comma-separated list of items. The following
values are supported:
channelmode=yes|no|1|0 |
Whether or not to display the window in theater mode. Default is no |
directories=yes|no|1|0 |
Whether or not to add directory buttons. Default is yes |
fullscreen=yes|no|1|0 |
Whether or not to display the browser in full-screen mode. Default is no. A window in full-screen mode must also be in theater mode |
height=pixels |
The height of the window. Min. value is 100 |
left=pixels |
The left position of the window |
location=yes|no|1|0 |
Whether or not to display the address field. Default is yes |
menubar=yes|no|1|0 |
Whether or not to display the menu bar. Default is yes |
resizable=yes|no|1|0 |
Whether or not the window is resizable. Default is yes |
scrollbars=yes|no|1|0 |
Whether or not to display scroll bars. Default is yes |
status=yes|no|1|0 |
Whether or not to add a status bar. Default is yes |
titlebar=yes|no|1|0 |
Whether or not to display the title bar. Ignored unless the calling application is an HTML Application or a trusted dialog box. Default is yes |
toolbar=yes|no|1|0 |
Whether or not to display the browser toolbar. Default is yes |
top=pixels |
The top position of the window |
width=pixels |
The width of the window. Min. value is 100 |
|
replace |
Optional.Specifies whether the URL creates a new entry or replaces the current entry in the history list.
The following values are supported:
- true - URL replaces the current document in the history list
- false - URL creates a new entry in the history list
|
Example
The following example opens www.w3schools.com in a new browser window:
<html>
<head>
<script type="text/javascript">
function open_win()
{
window.open("http://www.w3schools.com")
}
</script>
</head>
<body>
<input type=button value="Open Window" onclick="open_win()" />
</body>
</html>
|
Example
The following example opens an about:blank page in a new browser window:
<html>
<body>
<script type="text/javascript">
myWindow=window.open('','','width=200,height=100')
myWindow.document.write("This is 'myWindow'")
myWindow.focus()
</script>
</body>
</html>
|
Try-It-Yourself Demos
Open a new window when clicking on a button
Open a new window and control its appearance
Open multiple windows with one click
Open a new
window
Complete Window Object Reference
 |

|
|
See why there are 20,000+ Ektron integrations worldwide.
Request an INSTANT DEMO or download a FREE TRIAL today. |
|
|
|