在Cors上进行Iframe与Iframe的通信

时间:2018-08-21 21:21:14

标签: javascript dom iframe cors cross-domain

我有两个iframe,域相同(本地主机:8080) 而父级是另一个域(本地主机:8081)。

如何在没有数据通过父级传递的情况下通信两个iframe?即能够从iframe1到iframe2进行postMessage

在iframe1中,当我执行parent.document时,会出现cors错误

父母(localhost:8081):

<div>
  <iframe id='element1'></iframe>
  <iframe id='element2'></iframe>
</div>

iframe1(localhost:8080):

<div>Iframe 1</div>
<script>
  let iframe = parent.document.getElementById('#element2').contentWindow
  iframe.postMessage({type: 'etElementData'}, 'http://localhost:8080')
</script>

0 个答案:

没有答案