Window open() Method (ok)

https://www.w3schools.com/jsref/met_win_open.asp

Window open() Method

❮ Window Object

Example

Open "www.w3schools.com" in a new browser tab:window.open("https://www.w3schools.com");Try it Yourself »

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() 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	Optional. Specifies the target attribute or the name of the window. The following values are supported: _blank - URL is loaded into a new window, or tab. 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 (Note: the name does not specify the title of the new window)
specs	Optional. A comma-separated list of items, no whitespaces. The following values are supported:
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

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 »

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 »

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 »

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 »

Example

Open multiple tabs:window.open("http://www.google.com/"); window.open("https://www.w3schools.com/");Try it Yourself »

Example

Open a new window. Use close() to close the new window:function openWin() { myWindow = window.open("", "myWindow", "width=200,height=100"); // Opens a new window } function closeWin() { myWindow.close(); // Closes the new window }Try it Yourself »

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 »

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 windowTry it Yourself »