I got a day today and finally found a solution on the Internet.
Note: The problem is the method of calling the child page in the parent page ...
Parent page: parent.html
Copy Code code as follows:
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title>parent</title>
<script>
function Parentfunction () {
Alert (' function in parent ');
}
function Callchild () {
Child.window.childFunction ();
/*
The child is the Name property value of the IFRAME,
Cannot be ID because the ID cannot get an IFrame object under Firefox
*/
}
</script>
<body>
<input type= ' button ' name= ' call child ' value= ' call child ' onclick= ' callchild () '/>
<br/><br/>
<iframe name= "Child" src= "./child.html" ></iframe>
</body>
Sub-page: child.html
Copy Code code as follows:
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title>child</title>
<script>
function Childfunction () {
Alert (' function in child ');
}
function Callparent () {
Parent.parentfunction ();
}
</script>
<body>
<input type= "button" name= "Call parent" value= "Call parent" onclick= "callparent ()"/>
</body>
You can modify the corresponding code according to their own needs ....