iframe嵌套网页消息传递,传递参数

A页面 中嵌套B页面 并向B页面传递消息

A页面:

<iframe name="iframeA" src="http://xxx.B.html"></iframe>

<script>
    //发送消息
    window.onload = function(){
        var params = {name:'xxx'};
        var obj = JSON.stringify(params);
        window.frames['iframeA'].postMessage(obj,'http://xxx.B.html')
    }
</script>

B页面

<script>

window.onload = function(){
    //判断是否被嵌套    
    if(window.parent != window){
        window.addEventListener('message',function(e){
            //这里会发现函数执行两次 一次返回string,一次返回object 小编也不知道是什么原因,因此加了判断
            if(typeof e.data === 'string'){ 
                var obj = JSON.parse(e.data) // 获取到A页面传来的值
            }
        })
    }
}

</script>

B 页面传值到A页面 也是一样

猜你喜欢

转载自blog.csdn.net/qq_37337830/article/details/88977332