The Window opener property in HTML DOM is used to return the reference of newly created windows. This property is used to return the details of the source (parent) window. A window is opened using the window.open() method and closed using the window.opener.close() method.
Syntax:
window.openerReturn Value:
It returns the reference of the created window.
Example 1: This example shows the single window opening on clicking the button.
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Window opener Property
</title>
</head>
<body>
<h2>
HTML DOM Window opener Property
</h2>
<button onclick="myGeeks()">
Click Here!
</button>
<!-- script to open new windows -->
<script>
function myGeeks() {
let win = window.open("", "win",
"width = 500, height = 300");
win.document.write("<p>New Window</p>");
win.opener.document.write("<p>Parent Window</p>");
}
</script>
</body>
</html>
Output:
Example 2: This Example shows the double window creation on clicking the single button.
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Window opener Property
</title>
</head>
<body>
<h2>
HTML DOM Window opener Property
</h2>
<button onclick="myGeeks()">
Click Here!
</button>
<!-- script to create two window -->
<script>
function myGeeks() {
let win1 = window.open("", "win1",
"width = 500, height = 300");
let win2 = window.open("", "win2",
"width = 400, height = 250");
win1.document.write("<p>New Window 1</p>");
win2.document.write("<p>New Window 2</p>");
win1.opener.document.write("<p>Parent Window</p>");
win2.opener.document.write("<p>Parent Window</p>");
}
</script>
</body>
</html>
Output:
Supported Browsers
- Google Chrome 1 and above
- Edge 12 and above
- Internet Explorer 9 and above
- Firefox 1 and above
- Opera 3 and above
- Safari 1 and above
