아이프레임 높이 구하기

[박민권]

iframe의 id가 ifrView 일경우 아래의 소스로 컨텐츠의 높이를 구할 수 있습니다.

var the_height = document.getElementById('ifrView').contentWindow.document.body.scrollHeight

불여우, 오페라, IE 모두 잘 되는 것을 확인했습니다.
불여우의 자바스크립트 콘솔에 아무런 오류 메세지도 없으니 맘편히 쓰셔도 되겠습니다.

크기를 조절하시려면 아래 소스처럼 하시면 됩니다.

document.getElementById('the_iframe').height = the_height;

너무 간단해서 의심까지 했습니다.;;
크로스브라우징을 위한 각종 복잡한 소스보다가 이거 보고나니 좀 허탈 하군요.

아래처럼 함수로 만들어서 사용하시면 됩니다.

Code: Select all

function IframeResize(id){
    var ifrm = document.getElementById(id);
    var the_height = ifrm.contentWindow.document.body.scrollHeight;
    ifrm.height = the_height;
}

IE에서는 document.body.clientHeight 로 높이를 알아낼 수 있었는데
불여우에서는 window.innerHeight 와 document.documentElement.clientHeight 둘다 컨텐츠의 높이를 구할 수가 없었습니다.

제가 정보를 얻은 사이트의 주소 입니다. http://guymal.com/mycode/iframe_size/