Javascript Window Open() & Window Close() Method

Last Updated : 01 Aug, 2024

The Javascript Window.Open() method is used to open the web pages into a new window or a new tab. It depends on the browser settings and the values assigned to the parameter.

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 that need to open. If the URL is not set then window.open() method opens 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.

Example: The below example illustrates the window.open() and window.close() method in Javascript. 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.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>window open and close method</title>
</head>

<body style="display: flex; 
            flex-direction: column;
            justify-content:center;
            align-items:center;">
    <div class="container" style="position: relative;
                text-align: center;">
        <h1 style="color: rgb(18, 154, 18);">
            GeeksforGeeks
        </h1>
        <h3> window open and close method</h3>
        <button onclick="windowOpen()">
            Open GeeksforGeeks
        </button>
        <button onclick="windowClose()">
            Close GeeksforGeeks
        </button>
    </div>
    <script>
        let 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>
</body>

</html>

Output:

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.

Javascript Window Open() & Window Close() Method

Naman_Garg

Improve

Article Tags :

Javascript Window Open() & Window Close() Method

Similar Reads

Thank You!

What kind of Experience do you want to share?