[javascript/jquery] Uncaught DOMException: Blocked a frame 해결방법

[javascript/jquery] Uncaught DOMException: Blocked a frame 해결방법

 

 

자바스크립트에서

Uncaught DOMException: Blocked a frame

이런 에러 발생시에

 

대부분 팝업에서 부모창을 못찾아서 문제가 되는 경우가 많더라구요.

 

그럴때 해결할 수 있는 방법입니다.

<script>
   window.onload = function() {
          window.opener.postMessage({ 변수명1 : '변수내용1', 변수명2 : '변수내용2'}, '*');  
    };
</script>

위와 같이 팝업(자식)창에 스크립트를 추가해줍니다.

 

그리고 부모창에는 아래와 같은 내용을 추가해줍니다.

    window.addEventListener('message', function(e) {
        // 자식창에서 넘겨온 변수 출력
        console.log(변수명1);
        console.log(변수명2);    

    });

 

이렇게 부모창과 자식창에 코드를 추가해주면 데이터가 잘 넘어갑니다

 

그리고!!

 

자식창에 추가하는 소스중에 

 

postMessage 안의 내용에 * 을 넣는 이유는

 

모든도메인을 허용하는 내용입니다.

 

안에 특정도메인명만 넣어도 됩니다!

 

참고들하세요!!