iframe 하위 자식 height 값 가져오기.

kang·2020년 5월 18일
0

Html

목록 보기
3/3

iframe의 자식 요소의 높이값을 가져와서 iframe에 넣어주기.

function iframe_height(obj) { 
    obj.style.height = (obj.contentWindow.document.body.scrollHeight + 20)+ 'px'; 
} 

<iframe src="abc.html" onload="resizeIframe(this);" scrolling="auto"></iframe>

iframe에서 src에 있는 내용을 보여주게 될 경우.
높이 값을 제어하지 못하여 스크롤이 생기는 현상을 막기 위하여!
src에 설정되어있는 높이값을 가져와서 iframe에 넣어 사용한다.

로컬로 테스트 할 경우 Uncaught DOMException : Blocked a frame with origin "null" from accessing a cross-origin frame.
오류가 발생하며, 로컬에서 테스트 하였을 경우 발생하는 에러이며,
실제 웹 서버에서 테스트하게 될 경우 문제가 없다.
검색하여 찾아봤을때 크롬에서 보안 정책상... 이라고 나와 파폭에서 확인하였을 경우 에러가 나타남..ㅡㅡ;;

로컬에서 해결 방법으로는 확장프로그램 설치로 해결이 가능하다고 되어있는데,
웹 서버로 올리면 아무이상없으니, 이 부분에 대해서만 인지하고 있으면 될 듯 싶다.

profile
ksb

0개의 댓글