iframe 父子页面js函数调用与变量访问

        在实际开发中，我们的页面展示信息时，需要动态的根据参数来展示不同的页面信息，这时候我们可以在父页面通过嵌入iframe来解决动态访问不同页面的问题，当然这就涉及到在父子页面js函数变量的调用问题。

         1.在iframe页面调用父页面的方法，比如我们的父页面有 aa() 方法或者变量，此时可以通过如下调用：          

window.parent.a();
window.parent.a;

             大家可以多关注window对象的几个属性，parent,top等。

          2.在父页面调用子页面的方法，比如子页面有bb()方法，varr变量，某个dom节点等       

window.frames['####'].bb();
window.frames['####'].$("#").val();
window.frames['####'].$("#").varr;

另外还可以通过contentWindow属性来进行访问相应的iframe子页面

contentWindow对应的是frame或者是iframe的window对象。

$("#id")[0].contentWindow.$("#idd").val();