실제 iframe의 몸체 높이를 얻는 방법은 무엇입니까?

Question

iframe의 몸체 높이에 이상한 문제가 있습니다.

내 편집기에서 입력 영역의 크기를 조정할 수 있으므로 14 개의 행 이후에는 증가하는 멈춤 점과 스크롤 막대가 표시됩니다. 일부 행을 삭제 한 후 스크롤 막대가 숨기고 높이가 줄어야합니다. 그러나 스크롤 막대가 숨겨진 후에 실제 iframe 본문 높이를 읽을 수 없기 때문에 그렇게하지는 않습니다.

내 편집기는 여기에서 찾을 수 있습니다. http://brownfolder.com/09/ - 몸체 높이가 편집기 아래에 있으며 100ms마다 업데이트됩니다.

Btw, Firebug는 실제 크기가 아닌이 버그가있는 몸체를 표시합니다.

코드 내가 사용

var s = document.getElementById(rte); 
var x = s.contentWindow.document; 
var timer = setInterval(function() 
{ 
     var h = x.body.scrollHeight; 
     $('.aasdf').text(h); 
     if(h > maxheight) 
     { 
      $(s).height(maxheight); 
      x.body.parentNode.style.overflow = "auto"; 
      clearInterval(timer); 
     } 
     else if(h <= minheight) 
      $(s).height(minheight); 
     else 
     { 
      x.body.parentNode.style.overflow = "hidden"; 
      $(s).height(h); 
     }   
}, 100); 

가 어떻게이 문제를 해결하기 위해 어떤 생각을 가지고 있나요?

미리 감사드립니다.

Answer 1

<iframe style="height:200px" id="if" onload="change()"></iframe> 

<script type="text/javascript"> 
function change() 
{ 
    var a = document.getElementById('if'); 
    var b = a.style.height; 
    alert(b); 
} 
</script> 

이 코드는 iframe의 높이를 가져 오는 데 도움이됩니다 ..! 이것은 도움이 될 수 있습니다. 좋은 하루 보내십시오.