Skip to content
Related Articles

Related Articles

HTML | DOM close() Method

View Discussion
Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 13 Jul, 2022
View Discussion
Improve Article
Save Article

The DOM close() method is used to close the output stream. It is used to indicate the finish of writing on a window. The close() method does not require any parameter. 

Syntax:

document.close()

Example 1: 

html




<!DOCTYPE html>
<html>
    <head>
        <title>DOM close Method</title>
        <style>
            h1, h2{
            color:green;
        }
        body {
            text-align:center;
        }
        </style>
    </head>
    <body>
        <h1>GeeksForGeeks</h1>
        <h2>DOM close() Method</h2>
        <button onclick="geeks()">Submit</button>
        <script>
 
            // This function is called on submit, it opens
            // a stream, write "PRACTICE" and then closes
            // the stream.
            function geeks() {
                document.open();
                document.write("<h1>PRACTICE</h1>");
                document.close();
            }
        </script>
    </body>
</html>                   


Output:

  

Example 2: This example use window.close method to show the output in the new window. 

html




<!DOCTYPE html>
<html>
    <head>
        <style>
            h1, h2 {
                color:green;
            }
            body {
                text-align:center;
            }
        </style>
    </head>
    <body>
        <h1>GeeksForGeeks</h1>
        <h2>DOM close() Method</h2>
        <button onclick="geeks()">Submit</button>
        <script>
 
            // This function is called on submit, it opens
            // a new window and a stream, write "PRACTICE" and
            // then closes the stream.
            function geeks() {
                var gfg = window.open();
                gfg.document.open();
                gfg.document.write("<h1>PRACTICE</h1>");
                gfg.document.close();
            }
        </script>
    </body>
</html>                   


Output: 

 

Supported Browsers: The browser supported by DOM close() method are listed below:

  • Google Chrome 64
  • Edge 12
  • Internet Explorer 4
  • Firefox 1
  • Opera 51
  • Safari 11

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!