# 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/advanced/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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://javascriptuse.gitbook.io/advanced/javascript/window-open-method-ok.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
