使用iframe时 上下级之间通信 同级之间通信

子页面一

子页面二

 上下级通信时   

$('button').on('click', function(){
    $('#sonIframe')[0].contentWindow.clickButton()
}) 

sonIframe是子页面iframe的唯一标识

clickButton方法是子页面一里面的方法，父级要调用子页面的方法时  使用上面的代码就可以实现

function clickButton(){
    console.log('被父级页面调用了')
}

 

 上图是子页面二的方法，如果要在子页面一里面调用clickSon方法，使用如下代码，先找到父级使用parent，再接着就相当于父级调子页面的方法一样就可以实现了

function clickSonBtn(){
    parent.$('#son2Iframe')[0].contentWindow.clickSon()
}