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页面 也是一样