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 문제가 발생합니다.
어떻게 해결할 수 있을까요?
안녕하세요~^^
B사이트에서 postMessage를 전송하지 않고
A사이트에서 B사이트 아이프레임의 높이 값을 얻으시려면
자식 페이지 높이만큼 아이프레임의 높이를 조절하신 후
부모 페이지에서 해당 아이프레임의 높이를 구하실 수 있습니다.
자식 페이지 높이만큼 아이프레임의 높이를 조절하는 방법은
아래의 링크를 참고해보시겠어요?
고맙습니다.