在实际开发中,我们的页面展示信息时,需要动态的根据参数来展示不同的页面信息,这时候我们可以在父页面通过嵌入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();