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 display. If no URL is specified, a new window with about:blank is displayed. |
name | Optional. Specifies the value for the target attribute on a form or a link. The following values are supported: - _blank - URL is loaded into a new window
- _media - URL is loaded into the content area of the Media Bar (IE6+)
- _parent - URL is loaded into the parent frame
- _search - URL is opened in the browser's search pane (IE5+)
- _self - URL replaces the current page
- _top - URL replaces any framesets that may be loaded
|
specs | Optional. A comma-separated list of items. The following values are supported: channelmode = yes | no | 1 | 0 | whether to display the window in theater mode. Default is no | directories = yes | no | 1 | 0 | whether to add directory buttons. Default is yes | fullscreen = yes | no | 1 | 0 | whether to display the browser in full-screen mode. Default is no. A window in full-screen mode must also be in theater mode | height = number | the height of the window, in pixels. Min. value is 100 | left = number | the left position, in pixels | location = yes | no | 1 | 0 | whether to display the address field. Default is yes | menubar = yes | no | 1 | 0 | whether to display the menu bar. Default is yes | resizable = yes | no | 1 | 0 | whether the window is resizable. Default is yes | scrollbars = yes | no | 1 | 0 | whether to display scroll bars. Default is yes | status = yes | no | 1 | 0 | whether to add a status bar. Default is yes | titlebar = yes | no | 1 | 0 | whether 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 to display the browser toolbar. Default is yes | top = number | the top position, in pixels | width = number | the width of the window, in pixels. 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
<html>
<head>
<script type="text/javascript">
function open_win()
{
window.open("http://www.w3schools.com")
}
</script>
</head> <body>
<form>
<input type=button value="Open Window" onclick="open_win()">
</form>
</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