다른 도메인 iframe height값 가져오기

A사이트에서 B사이트를 iframe으로 넣는 과정에서 B사이트의 글 height값을 가져와 A사이트의 height에 적용시키고 싶은데요

B사이트에서 postMessage로 보내준 height값을 적용시키는 방법은 해보았고,

제가 궁금한 것은 A사이트의 코드에서 B사이트의 height값을 얻는 방법입니다.

 

<A 코드>

<iframe id="frame" src="주소">


 

아래는 script 코드 입니다

$(document).ready(function() {
    window.addEventListener('message', function(e) {

        console.log('loading complete --- ');
        console.log(e);
        console.log('data : ', e.data);


        // var temp_height = $('#frame').contentDocument.body.offsetHeight;
        // var temp_height = $('#frame').contents().find('wrap');
        //var temp_height = window.frames[1].document.getElementsByClassName("wrap");
        alert(temp_height);
    })
});

 

 

주석 처리된 3가지 모두 domain blocked 문제가 발생합니다.

어떻게 해결할 수 있을까요?

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기