Iframe 적응형 높이 및 높이 변경 실시간 모니터링 js code_javascript 기술

function getDocHeight(doc)
{
//IE에서는 doc.body.scrollHeight의 신뢰성이 가장 높습니다
//Firefox에서는 , doc.height이면 충분합니다
var docHei = 0;
var scrollHei;//scrollHeight
var offsetHei;//offsetHeight, 테두리 높이 포함
if (doc.height)
{
//Firefox는 이 속성을 지원하지만 IE는
docHei = doc.height
}
else if (doc.body)
{
//IE에서는 지원하지 않습니다. , body.scrollHeight만 현재와 관련이 있습니다. 페이지 높이가 일정합니다.
//몇 번 점프하면 다른 항목은 혼란스러워질 것입니다.
//포함된 창의 크기 변경과 관련이 있는 것 같습니다
if(doc.body.offsetHeight) docHei = offsetHei = doc.body.offsetHeight
if(doc.body.scrollHeight; ) docHei = scrollHei = doc.body.scrollHeight;
}
else if(doc.documentElement)
{
if(doc.documentElement.offsetHeight) docHei = offsetHei = doc.documentElement.offsetHeight;
if (doc.documentElement.scrollHeight) docHei = scrollHei = doc.documentElement.scrollHeight;
}
/*
docHei = Math.max(scrollHei,offsetHei);//최대값 취하기 , 경우에 따라 아래 높이가 실제 페이지 높이와 일치하지 않을 수 있습니다!
*/
return docHei;
}

function doReSize()
{
var iframeWin = window.frames['ifrm'];
var iframeEl = window.document.getElementById? window.document.getElementById('ifrm'): document.all['ifrm']: null;
if ( iframeEl && iframeWin )
{
var docHei = getDocHeight(iframeWin.document)
if (docHei != iframeEl.style.height) iframeEl.style.height = docHei ' px';
}
else if(iframeEl)
{
var docHei = getDocHeight(iframeEl.contentDocument)
if (docHei != iframeEl.style.height) iframeEl.style. height = docHei 'px';
}
}
function runResizeTask()
{
doReSize()
setTimeout("runResizeTask()",500);//Every half second 한 번 실행
}
runResizeTask()