The method of calling the parent window variables and functions in the JavaScript subwindow.

The method of calling the parent window variables and functions in the JavaScript subwindow.

This example describes how to call the parent window variables and functions in a JavaScript subwindow. Share it with you for your reference. The details are as follows:

Example 1: A subwindow is a new window.

Parent window:

<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
Subwindow:
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
You only need to add opener before the variables and functions to access the specified resource.
However, when the parent window is closed, an error is reported: "The called object is disconnected from its client. "
Example 2: A child page is an iframe of the parent page.
Parent page:
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
Subpage:
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
Small discovery: when the parent page is refreshed, the iframe will also be refreshed; when the iframe is refreshed, the parent page will not be refreshed.
I hope this article will help you design JavaScript programs.