Invoke a Parent Window Function from Another Window in JavaScript

Invoke a Parent Window Function from Another Window in JavaScript

Sometimes, you need to call a JavaScript function that’s in a parent window from a child window. For example, suppose you wanted to update a field in the parent window when a user enters or selects some value in a child window.

You can achieve this using the window DOM object’s window.opener property, which holds a reference to the parent window object model. After you have the parent window reference, you can access any functions, variables, or controls in the parent window.

Assume that parent window code (in the file ParentPage.htm) contains the following function and variable declaration:

<script language="javascript">var aVariable = 'some value';function Func1(){   //some code goes here}

Additional code on that page opens a child window called ChildPage.htm, which can call the Func1 function in the parent window using:


Note that you can also pass parameters to Func1() in the same way you do for any other JavaScript function.

To access the aVariable variable defined in the parent window code, enter the following:


Controls work the same way. To access a control with the id aControl, use:


One caveat–window.opener can be null, so when you use it, always check to ensure that it is not null, and also ensure that the parent window is not closed, by using the window.opener‘s closed property. You can check both with one line of code:

if(window.opener != null && !window.opener.closed){   //some code goes here.}

Share the Post:
Heading photo, Metadata.

What is Metadata?

What is metadata? Well, It’s an odd concept to wrap your head around. Metadata is essentially the secondary layer of data that tracks details about the “regular” data. The regular

XDR solutions

The Benefits of Using XDR Solutions

Cybercriminals constantly adapt their strategies, developing newer, more powerful, and intelligent ways to attack your network. Since security professionals must innovate as well, more conventional endpoint detection solutions have evolved

AI is revolutionizing fraud detection

How AI is Revolutionizing Fraud Detection

Artificial intelligence – commonly known as AI – means a form of technology with multiple uses. As a result, it has become extremely valuable to a number of businesses across

AI innovation

Companies Leading AI Innovation in 2023

Artificial intelligence (AI) has been transforming industries and revolutionizing business operations. AI’s potential to enhance efficiency and productivity has become crucial to many businesses. As we move into 2023, several

data fivetran pricing

Fivetran Pricing Explained

One of the biggest trends of the 21st century is the massive surge in analytics. Analytics is the process of utilizing data to drive future decision-making. With so much of