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:
Share on facebook
Share on twitter
Share on linkedin


The Latest

your company's audio

4 Areas of Your Company Where Your Audio Really Matters

Your company probably relies on audio more than you realize. Whether you’re creating a spoken text message to a colleague or giving a speech, you want your audio to shine. Otherwise, you could cause avoidable friction points and potentially hurt your brand reputation. For example, let’s say you create a

chrome os developer mode

How to Turn on Chrome OS Developer Mode

Google’s Chrome OS is a popular operating system that is widely used on Chromebooks and other devices. While it is designed to be simple and user-friendly, there are times when users may want to access additional features and functionality. One way to do this is by turning on Chrome OS

homes in the real estate industry

Exploring the Latest Tech Trends Impacting the Real Estate Industry

The real estate industry is changing thanks to the newest technological advancements. These new developments — from blockchain and AI to virtual reality and 3D printing — are poised to change how we buy and sell homes. Real estate brokers, buyers, sellers, wholesale real estate professionals, fix and flippers, and beyond may