关于postMessage在本地调试正常,跨域环境监控不到事件的触发

由于业务需求,页面需要使用iframe,并且需要做iframe高度自适应,在获取子页面的元素高度时发生跨域问题,随后看到postMessage事件,在本地调试能够正常监控事件的触发,
这是父页面监控事件的代码

window.addEventListener('message', function (e) {
		console.log(e)
        }, false);

这是子页面的代码

 var height = document.getElementById("页面").offsetHeight;
        window.parent.postMessage({ height: height });

随后更新到正式环境,发现父页面无法监控到事件的触发,随后仔细阅读文档,发现postMessage的参数targetOrigin是控制那些页面能够接收事件,随后加上"*",正式环境就能够正常监控到事件的触发了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值