The parent page of an IFRAME nested page in an HTML page and the child page JS method invoke each other __JS

We are writing HTML page or JSP page is, sometimes need to use the IFRAME tag in one page nested another page, and two pages some data need to interact, this time will use JS technology, call each other method,

When we need to invoke the JS method in the child page embedded in the IFrame tab in the parent page, you can use:

document.getElementById (the ID of the IFRAME). Contentwindow.childtest ();

Note:

The ID of the IFRAME: refers to the ID of the IFRAME of the child page that needs to be invoked;

Childtest (): Is the child page of the JS method, the husband page is to call the child page this method.

When you need to call a method in a parent page in a subpage, use the following JS:

Window.parent.parenttest ();

Note:

Parenttest (): Is the JS method in the parent page.

The following is a specific example:

Parent page fatherpage.html Code:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> 
 

 

 
Sub-page childpage.html code:


<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">