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
<!--Driver Code Starts-->
<!DOCTYPE html>
<html>
<head>
<title>DOM open() Method</title>
</head>
<body>
<p>GeeksforGeeks</p>
<button onclick="Geeks()">
Click Here!
</button>
<!--Driver Code Ends-->
<script>
function Geeks() {
/* DOM open() method used here */
document.open("text/html", "replace");
document.write("Welcome to GeeksforGeeks");
document.close();
}
</script>
<!--Driver Code Starts-->
</body>
</html>
<!--Driver Code Ends-->
Example 2: This example displays the output in a new window.Â
<!--Driver Code Starts-->
<!DOCTYPE html>
<html>
<head>
<title>DOM open() Method</title>
</head>
<body>
<p>GeeksforGeeks</p>
<button onclick="Geeks()">
Click Here!
</button>
<!--Driver Code Ends-->
<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>
<!--Driver Code Starts-->
</body>
</html>
<!--Driver Code Ends-->
- Clears the existing document : Calling document.open() removes all current content and event listeners from the document before you start writing new content.
- Usually paired with write() and close() : The classic pattern is open() ,one or more write() calls ,close() to finish the stream and render the new content.
