Javascript | Window Open() & Window Close Method

Window.open()

This method is used to open the web pages into 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 used to set the window name.
  • specs: It is an optional parameter and used to separate the item using 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 return 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 are opened by window.open() method.
Syntax:

window.close()

Parameters: This method does not contains any parameter.

Return Value: This method does not return any value.

Below example illustrates the window.open() and window.close() method in jQuery:

Example:

filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html>
<html>
    <head>
        <title>window open and close method</title>
        <script>
            var Window;
              
            // Function that open the new Window
            function windowOpen() {
                Window = window.open("https://www.geeksforgeeks.org/",
                                 "_blank", "width=400, height=450");
            }
               
            // function that Closes the open Window
            function windowClose() {
                Window.close();
            }
        </script>
    </head>
    <body>
        <button onclick="windowOpen()">Open GeeksforGeeks</button>
        <button onclick="windowClose()">Close GeeksforGeeks</button>
    </body>
</html>

chevron_right


Output: If click on open GeeksforGeeks button then geeksforgeeks.org page open in new window and if click on close GeeksforGeeks button then the geeksforgeeks.oge windows will close.



My Personal Notes arrow_drop_up

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.




Article Tags :

Be the First to upvote.


Please write to us at contribute@geeksforgeeks.org to report any issue with the above content.