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.opener
Return Value: It returns the reference of created window.
Example 1:
HTML
<!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() {
var 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: Before click on the button:
After click on the button:
Example 2:
HTML
<!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() {
var win1 = window.open("", "win1",
"width = 500, height = 300");
var 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: Before click on the button:
After click on the button:
Supported Browsers: The browser supported by DOM Window opener property are listed below:
- 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