> For the complete documentation index, see [llms.txt](https://javascriptuse.gitbook.io/javascript/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://javascriptuse.gitbook.io/javascript/window-open-method-ok.md).

# Window open() Method (ok)

## Window open() Method

[❮ Window Object](https://www.w3schools.com/jsref/obj_window.asp)

#### Example

Open "[www.w3schools.com](http://www.w3schools.com)" in a new browser tab:window\.open("[https://www.w3schools.com");\[Try](https://javascriptuse.gitbook.io/javascript/https:/www.w3schools.com"\);\[Try) it Yourself »]\(<https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_win_open>)

More "Try it Yourself" examples below.

### Definition and Usage

The open() method opens a new browser window, or a new tab, depending on your browser settings and the parameter values.

**Tip:** Use the [close()](https://www.w3schools.com/jsref/met_win_close.asp) method to close the window.

### Browser Support

| Method |     |     |     |     |     |
| ------ | --- | --- | --- | --- | --- |
| open() | Yes | Yes | Yes | Yes | Yes |

### Syntax

window\.open(URL, name, specs, replace)

### Parameter Values

| Parameter | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| --------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| URL       | Optional. Specifies the URL of the page to open. If no URL is specified, a new window/tab with about:blank is opened                                                                                                                                                                                                                                                                                                                                                                                 |
| name      | <p>Optional. Specifies the target attribute or the name of the window. The following values are supported:</p><ul><li>\_blank - URL is loaded into a new window, or tab. This is default</li><li>\_parent - URL is loaded into the parent frame</li><li>\_self - URL replaces the current page</li><li>\_top - URL replaces any framesets that may be loaded</li><li>name - The name of the window (<strong>Note:</strong> the <em>name</em> does not specify the title of the new window)</li></ul> |
| specs     | <p>Optional. A comma-separated list of items, no whitespaces. The following values are supported:<br><br></p>                                                                                                                                                                                                                                                                                                                                                                                        |
| replace   | <p>Optional. Specifies whether the URL creates a new entry or replaces the current entry in the history list. The following values are supported:</p><ul><li>true - URL replaces the current document in the history list</li><li>false - URL creates a new entry in the history list</li></ul>                                                                                                                                                                                                      |

### Technical Details

| Return Value: | A reference to the newly created window, or *null* if the call failed |
| ------------- | --------------------------------------------------------------------- |

### More Examples

#### Example

Open an about:blank page in a new window/tab:var myWindow = window\.open("", "", "width=200,height=100");[Try it Yourself »](https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_win_open2)

#### Example

Open a new window called "MsgWindow", and write some text into it:var myWindow = window\.open("", "MsgWindow", "width=200,height=100");\
myWindow\.document.write("\<p>This is 'MsgWindow'. I am 200px wide and 100px tall!\</p>");[Try it Yourself »](https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_win_open3)

#### Example

Replace the current window with a new window:var myWindow = window\.open("", "\_self");\
myWindow\.document.write("\<p>I replaced the current window.\</p>");[Try it Yourself »](https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_win_open4)

#### Example

Open a new window and control its appearance:window\.open("<https://www.w3schools.com>", "\_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400");[Try it Yourself »](https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_win_open5)

#### Example

Open multiple tabs:window\.open("[http://www.google.com/](https://www.w3schools.com/jsref/%3C/span%3Ehttp:%3Cspan%20class='commentcolor'%20style=color:green%3E//www.google.com/)");\
window\.open("<https://www.w3schools.com/");[Try> it Yourself »]\(<https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_win_open6>)

#### Example

Open a new window. Use close() to close the new window:function openWin() {\
&#x20; myWindow = window\.open("", "myWindow", "width=200,height=100");   // Opens a new window\
}\
\
function closeWin() {\
&#x20; myWindow\.close();   // Closes the new window\
}[Try it Yourself »](https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_win_close)<br>

#### Example

Open a new window. Use the name property to return the name of the new window:var myWindow = window\.open("", "MsgWindow", "width=200,height=100");\
myWindow\.document.write("\<p>This window's name is: " + myWindow\.name + "\</p>");[Try it Yourself »](https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_win_name)

#### Example

Using the opener property to return a reference to the window that created the new window:var myWindow = window\.open("", "myWindow", "width=200,height=100");   // Opens a new window\
myWindow\.document.write("\<p>This is 'myWindow'\</p>");   // Text in the new window\
myWindow\.opener.document.write("\<p>This is the source window!\</p>");  // Text in the window that created the new window[Try it Yourself »](https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_win_opener)<br>