Skip to content
Related Articles

Related Articles

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

View Discussion
Improve Article
Save Article
Like Article
  • Last Updated : 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.


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!