JavaScript中的postMessage问题

最新推荐文章于 2024-09-11 07:57:51 发布

LuckXinXin

最新推荐文章于 2024-09-11 07:57:51 发布

阅读量1.5k

点赞数

分类专栏： JavaScript 文章标签： JavaScript

本文链接：https://blog.csdn.net/LuckXinXin/article/details/109080735

版权

JavaScript 专栏收录该内容

513 篇文章 6 订阅

订阅专栏

这种方式通常用于获取嵌入页面中的第三方页面数据。一个页面发送消息，另一个页面判断来源并接收消息

// 发送消息端
window.parent.postMessage('message', 'http://test.com')
// 接收消息端
var mc = new MessageChannel()
mc.addEventListener('message', event => {
  var origin = event.origin || event.originalEvent.origin
  if (origin === 'http://test.com') {
    console.log('验证通过')
  }
})