How to use window object opener in JavaScript

In this article i will go to explain about window object opener property
  • 2138

Opener  property in JavaScript window object

JavaScript opener property specifies the window of calling document. It returns a reference of the window that created the window.


Syntax of opener property

window.opener


Browser support

The opener   property is supported in all major browser.

Example of opener property

<!DOCTYPE html>

<html>

<head>

<script type="text/javascript">

    function OpenWindow() {

        myWindow = window.open('', '', 'width=200,height=100');

        myWindow.document.write("<p>This is 'MyWindow'</p>");

        myWindow.focus();

        myWindow.opener.document.write("<p>It is the source window.</p>");

    }

</script>

</head>

<body>

<input type="button" value="Open 'MyWindow'" onclick="OpenWindow()" />

</body>

</html>


Output:

Before clicking the button output is:

before clicking opener button.jpg

After  clicking the button output is:

after clicking opener window.jpg

You may also want to read these related articles :here

Ask Your Question 

Got a programming related question? You may want to post your question here

Programming Answers here

© 2020 DotNetHeaven. All rights reserved.