跨域跨页面通信

Axlxhxx

于 2022-04-24 11:13:59 发布

阅读量295

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/creatlh/article/details/124378295

版权

本文深入探讨了如何使用iframe进行跨页面通信，重点讲解了window.parent引用iframe的父窗口，以及window.postMessage方法向任意目标窗口发送消息。在接收消息方面，通过监听' message '事件获取传递的数据，并进行了实例演示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

iframe 为例

window.parent //iframe的父窗口
window.parent.postMessage('2','*',')  // * 为目标窗口，*代表任意目标

接受消息

  mounted() {
window.addEventListener('message', function (e) {
      // e.data为传递过来的数据
      this.areaId = e.data
      console.log(e.data,'data')
})
  },

参考
跨页面通信