HTML DOM open() Method

Last Updated : 9 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>

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
Comment

Explore