domexception - 未捕获的 DOMException：阻止具有源“https://blaablaaa.co”的框架访问跨域框架

Question

我收到上述消息。blablaa 显然不是实际的站点地址。我已经尝试过使用 jsfiddle 的工作，但我仍然收到相同的消息。

 <script>

   var frame = document.getElementById('test'); 
   frame.contentWindow.postMessage("HELLO", '*'); 
</script>
<iframe id="test" src="https://blaablaa.co/">
    <script>
       window.addEventListener('message', function(event) { 

       // IMPORTANT: Check the origin of the data! 
      if (~event.origin.indexOf('https://jsfiddle.net')) { 
         // The data has been sent from your site 

         // The data sent with postMessage is stored in event.data 
         console.log(event.data); 
     } else { 
         // The data hasn't been sent from your site! 
        // Be careful! Do not use it. 
         return; 
    } 
}); 

难道我做错了什么？我假设是的，但我不知道是什么。谢谢

Answer 1

啊哈

window.addEventListener('message', function(event) {

   // IMPORTANT: Check the origin of the data! 
  if (~event.origin.indexOf('https://jsfiddle.net')) { 
     // The data has been sent from your site 

     // The data sent with postMessage is stored in event.data 
     console.log(event.data); 
 } else { 
     // The data hasn't been sent from your site! 
    // Be careful! Do not use it. 
     return; 
} 

});

应该是 iframe 调用的 src 的一部分，而不是我认为的。我不确定，但我现在找到了另一个例子