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:
|
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:
|
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