需求：
项目中需要通过iframe引入一个3D模型，点击模型时把对应位置的id传到当前页面。
问题：
当前页面的域名与通过iframe引入的页面域名不同，同源策略的限制所以不能使用localStorage，sessionStorage等。
iframe模块中通过window.parent.postMessage发送信息，如下：
let id = 1001 parent.postMessage( id, '*')
需要接收信息的页面通过winodw.addEventListener接收message
window.addEventListener("message", this.receiveMsg, false)
浏览器标签页通信 WebSocket （可跨域） postMessage（可跨域）iframe 父子通信np = ...
1.子向父通信 parent.html child.html 2.父向子通信 parent.html child....
需求：项目中需要通过iframe引入一个3D模型，点击模型时把对应位置的id传到当前页面。 问题：当前页面的域名与...
前言 postMessage API 是在 HTML5 中引入的通信方法，可以在标签中实现跨域通信。 跨域嘛，大家...
参考链接：使用 postMessage 解决 iframe 跨域通信问题 iframePage.html是inde...
1：目前需求需要在页面中嵌入一个外部页面，同时页面实现跨域通信。 1:思路是利用postMessage来实现交互。...
postMessage畅快解决跨域问题 本文主要是记录使用window.postMessage解决ajax跨域问题...
跨域通信是前端开发中经常会遇到的情景，跨域通信有多种多样的方式，今天就详细说一下使用postMessage这样方式...
一、postMessage window.postMessage() 方法可以安全地实现跨源通信。通常，对于两个不...
由于同源策略存在，javascript 的跨域一直都是一个棘手的问题 父页面无法直接获取 iframe 内部的跨域...
本文标题：使用postMessage来实现父子跨域通信
本文链接：https://www.haomeiwen.com/subject/zbuisctx.html
网友评论