Window open() Method (ok)
https://www.w3schools.com/jsref/met_win_open.asp
Window open() Method
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 »
Last updated