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

来源:互联网 发布:淘宝购物怎么看正品 编辑:程序博客网 时间:2024/05/16 08:29

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





 

                         

 

0 0
原创粉丝点击