Skip to content
Related Articles
Get the best out of our app
GeeksforGeeks App
Open App
geeksforgeeks
Browser
Continue

Related Articles

HTML | DOM open() Method

Improve Article
Save Article
Like Article
Improve Article
Save Article
Like Article

The DOM Open() method in HTML is the combination of the following three steps:

  • Opens an output stream to collect the output.
  • Collects output from the document.write() or document.writeln() methods.
  • Runs the document.close to displays the output written to the output stream.

Syntax:

document.open( MIMEtype, replace )

Parameter Values: This method accepts two parameters which are listed below:

  • MIMEtype: It is the type of document, and it is an optional parameter. The default value of this parameter is “text/html”.
  • replace: It is optional parameter. If this value is set then the history entry for the new document is inherit the history entry from the document.

Example 1: 

html




<!DOCTYPE html>
<html>
    <head>
        <title>DOM open() Method</title>
    </head>
     
    <body>
        <p>GeeksforGeeks</p>
         
        <button onclick = "Geeks()">
            Click Here!
        </button>
         
        <script>
            function Geeks() {
                 
                /* DOM open() method used here */
                document.open("text/html", "replace");
                document.write("<html><body><p>Welcome to "
                    + "GeeksforGeeks</p></body></html>");
                document.close();
            }
        </script>
    </body>
</html>                   

Output:

  

Example 2: This example display the output in new window. 

html




<!DOCTYPE html>
<html>
    <head>
        <title>DOM open() Method</title>
    </head>
     
    <body>
        <p>GeeksforGeeks</p>
         
        <button onclick = "Geeks()">
            Click Here!
        </button>
         
        <script>
            function Geeks() {
                 
                var x = window.open();
                 
                /* DOM open() method used here */
                x.document.open("text/html", "replace");
                x.document.write("<html><body><p>Welcome to "
                    + "GeeksforGeeks</p></body></html>");
                x.document.close();
            }
        </script>
    </body>
</html>                   

Output:

  

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

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

My Personal Notes arrow_drop_up
Last Updated : 13 Jul, 2022
Like Article
Save Article
Similar Reads
Related Tutorials