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 display 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 an 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: In this example, we will use  DOM Open() method

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("Welcome to GeeksforGeeks");
            document.close();    
        }
    </script>
</body>
</html>

Output:

 

Example 2: This example displays the output in a 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() {
            let x = window.open();
            /* DOM open() method used here */
            x.document.open("text/html", "replace");
            x.document.write("Welcome to GeeksforGeeks");
            x.document.close();
        }
    </script>
</body>
</html>

Output:

 

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

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

My Personal Notes arrow_drop_up
Last Updated : 09 Jun, 2023
Like Article
Save Article
Similar Reads
Related Tutorials