html页面中iframe嵌套页面的父页面和子页面js方法互相调用

我们在写html页面或者说是jsp页面是，有时候需要在一个页面中使用iframe标签嵌套另一个页面，而两个页面有些数据需要交互，这个时候就会用到js技术，互相调用方法，

当我们在父页面中需要调用iframe标签中嵌入的子页面中的js方法时，可以使用：

document.getElementById(iframe的id).contentWindow.childtest();

注：

iframe的id：指的是需要调用的子页面的iframe的id；

childtest()：是子页面中的js方法，夫页面就是要调用子页面的这个方法。

当在子页面中需要调用父页面中的方法时，使用如下js：

window.parent.parenttest();

注：

parenttest()：是父页面中的js方法。

下面是一个具体的例子：

父页面fatherPage.html代码:

    
        


   

       
This is the Parent Page.
        
    
    

       
    

子页面childPage.html代码：

    
    


   

       
This is the Child Page.