Javascript | Window Open() & Window Close() Method

15 Jun, 2022
Window.open(): This method is used to open the web pages into a new window. 
Syntax:
window.open(URL, name, specs, replace)
Parameters: This method accepts four parameters as mentioned above and described below:
URL: It is an optional parameter. It is used to set the URL of web pages which need to open. If URL is not set then window.open() method open a blank window.
name: It is an optional parameter and is used to set the window name.
specs: It is an optional parameter used to separate the item using a comma.
replace: It is an optional parameter and used to specify the URL URL creates a new entry or replaces the current entry in the history list. This parameter returns a boolean value. If this parameter returns true then URL replaces the current document in the history list and if returns false then URL creates a new entry in the history list.
Return Value: This method creates a new window. 
Window.close(): This method is used to close the window which is opened by the window.open() method. 
Syntax:
window.close()
Parameters: This method does not contain any parameters. 
Return Value: This method does not return any value. Below example illustrates the window.open() and window.close() method in jQuery.
Example: 
HTML
<!DOCTYPE html><html> <head>    <title>        window open and close method    </title>    <style>        body {            display: flex;            flex-direction: column;            justify-content: center;            align-items: center;        }        .container {            position: relative;            text-align: center;        }    </style>    <script>        var Window;         // Function that open the new Window        function windowOpen() {            Window = window.open(                "https://www.geeksforgeeks.org/",                "_blank", "width=400, height=300, top=230, left=540");        }         // function that Closes the open Window        function windowClose() {            Window.close();        }    </script></head> <body>    <div class="container">        <h1 style="color: rgb(18, 154, 18);">GeeksforGeeks</h1>        <button onclick="windowOpen()">            Open GeeksforGeeks        </button>        <button onclick="windowClose()">            Close GeeksforGeeks        </button>    </div></body> </html>
Output: 
 
After Clicking on Open GeeksforGeeks: 
 
If you click on the Open GeeksforGeeks button then the geeksforgeeks.org page opens in a new window and if you click on the close GeeksforGeeks button then the geeksforgeeks.org windows will close.
 
Supported Browser: The browsers are supported by the window.open() & window.close() method are listed below:
Chrome version 1 and above
Edge version 12 and above
Firefox version 1 and above
Internet Explorer version 4 and above
Opera  version 3 and above
Safari version 1 and above
JavaScript is best known for web page development but it is also used in a variety of non-browser environments. You can learn JavaScript from the ground up by following this JavaScript Tutorial and JavaScript Examples.
HTML is the foundation of web pages and is used for webpage development by structuring websites and web apps. You can learn HTML from the ground up by following this HTML Tutorial and HTML Examples.
satyamm09
sanjyotpanure
javascript-functions
JavaScript
Writing code in comment?
Please use ide.geeksforgeeks.org,
generate link and share the link here.