HTML DOM open() Method

Last Updated : 09 Jun, 2023

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>