Window open() Method
 Window Object
Definition and Usage
The open() method opens 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. IE only |
| directories=yes|no|1|0 |
Whether or not to add directory buttons. Default is yes. IE only |
| 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. IE only |
| 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. IE only |
| 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
|
Browser Support
The open() method is supported in all major browsers.
Examples
Example 1
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>
|
Try it yourself »
|
Example 2
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("<p>This is 'myWindow'</p>")
myWindow.focus()
</script>
</body>
</html>
|
Try it yourself »
|
 |
More Examples |
Open a new window and control its appearance
Open multiple windows with one click
Window Object
Click here to design a Stunning Flash Website for Free
Wix is a revolutionary web design tool that provides anyone with the possibility to create professional and beautiful websites for free.
With e-commerce features, search engine visibility and many more professional tools, Wix is the ultimate solution for creating a spectacular site while saving tons of money.
 |
W3Schools' Online Certification
The perfect solution for professionals who need to balance work, family, and career building.
More than 6000 certificates already issued!
Get Your Certificate »
|
The HTML Certificate documents your knowledge of HTML, XHTML, and CSS.
The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM.
The XML Certificate documents your knowledge of XML, XML DOM and XSLT.
The ASP Certificate documents your knowledge of ASP, SQL, and ADO.
The PHP Certificate documents your knowledge of PHP and SQL (MySQL).
| 
