Bootstrap

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();





 

                         

 

;