[iframe] 도메인이 다른 부모-자식 창 간의 통신

Uncaught DOMException: Blocked a frame with origin "도메인" from accessing a cross-origin frame.

iframe에서 도메인이 다른 부모창 - 자식창 간의 통신(cross-origin error)

var data = "datatatatatata";
 
var iframe = document.getElementById("iframe_id");
 
var iframe_document = iframe.contentDocument || iframe.contentWindow;
 
iframe_document.postMessage(data,"http://localhost:56007자식주소");

부모 javascript

 

       window.addEventListener("message", postMessageController,  true);
 
        function  postMessageController(e) {
            // 보안성으로 보낸 페이지 체크 한다.
            if (e.origin === 'http://localhost:부모주소') {
                alert(e.data); // 전송 받은 데이터
            }
        }

자식 javascript

 

부모 창에서 alert 확인 가능