iframe可通过postMessage解决跨域跨窗口消息传递

Posted wanan-01

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iframe可通过postMessage解决跨域跨窗口消息传递相关的知识,希望对你有一定的参考价值。

https://www.cnblogs.com/dorothyorsusie/p/6178599.html

1 //iframe传参给父级页面
2 function give_info(){
3     console.log("触发事件");
4     window.parent.postMessage(1,‘*‘);
5 }
//接收值
window.addEventListener(‘message‘,function(e){ var color=e.data; document.getElementById(‘color‘).style.backgroundColor=color; },false);

  

以上是关于iframe可通过postMessage解决跨域跨窗口消息传递的主要内容,如果未能解决你的问题,请参考以下文章

html5 postMessage解决跨域跨窗口消息传递

html5 postMessage解决跨域跨窗口消息传递

postMessage处理iframe 跨域问题

postMessage处理iframe 跨域问题

解决Iframe跨域高度自适应,利用window.postMessage()实现跨域消息传递页面高度(JavaScript)

iframe向父级传递参数(用postMessage来解决跨域)