JS postMessage не работает

Question

Итак, на субдомене моего домена У меня есть html-файл, например, file.html, который также включает в себя <script src="https://example.com/script.js">.

Затем этот script.js имеет некоторые слушатель, связанные с этим HTML, а также функцию отправки сообщений на родитель, которые выглядят следующим образом:

v.sendMessageToParent = function (message) { 
    var jsonMessage = { 
     action: message 
    }; 
    var win = window.frames.target; 
    win.postMessage(jsonMessage, '*'); 
}; 
v.sendActionMessageToParent = function (action) { 
    var jsonMessage = { 
     action: 'action', 
     type: action 
    }; 
    var win = window.frames.target; 
    win.postMessage(jsonMessage, '*'); 
}; 

Затем на другой домен У меня есть iframe, который src есть file.html.

В этом другом домене также есть <script src="example.com/main.js">, и мне нужно это main.js для прослушивания сообщений, отправленных с script.js.

В main.js У меня есть этот код:

if (window.addEventListener) { 
    window.addEventListener("message", messageHandler); 
} else { 
    window.attachEvent("onmessage", messageHandler); 
} 
function messageHandler(event) { 
    console.log(event.data); 
} 

Но я не получаю ничего. Не отображаются JS, домен или другие ошибки, просто отключите консоль.

Где я ошибаюсь?

Answer 1

Возможно, вы забыли назвать свою IFrame «цель»:

<iframe src="http://target.com" name="target"> 

<script> 
    var win = window.frames.target; 
    win.postMessage("message", *); 
</script>