1、首先来说一下iframe是干什么用的

　　IFRAME是标签，作用是文档中的文档，或者浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架（即行内框架），通俗点说就是在一个页面中通过写iframe标签来嵌入另一个页面

2、代码的实现

　　首先是父元素

　　

    
         
         
                 
子页面调用postMessage，父页面通过监听来获取子页面的数据
    
     
        
          
     
    
     
    
子页面调用父页面的一些方法
    

 

　　下面是子元素的代码

    
         
         
                 
     
              请输入一些值：
              
      设置        
                  点击调用父元素的方法            
     
    

3、将代码复制下来 打开就OK了

注意：此代码会涉及到一下跨域问题 关于浏览器本地跨域的问题 参照我下一篇文章