iFrame 자체 적응 고도(IE, 구글, 불여우, 소고,opera,safari 호환)

코드에 직접 로그인:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>iframe     </title>

<scripttype="text/javascript">
var Sys = {};
    var ua =navigator.userAgent.toLowerCase();
    var s;
    (s = ua.match(/msie([\d.]+)/)) ? Sys.ie = s[1] :
    (s =ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
    (s =ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
    (s =ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
    (s =ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] :0;
 
if (Sys.opera || Sys.safari)
{
window.setInterval("reinitIframe()", 200);
}
function reinitIframe() //  opera safari
{
var iframe = document.getElementByIdx_x_x_x("PandL");
try{
var bHeight =iframe.contentWindow.document.body.scrollHeight;
var dHeight =iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);
iframe.height =  height;
}catch (ex){}
}
 
function iframeAutoFit(iframeObj)
{ 
setTimeout(function()
{
if(!iframeObj) 
return;
iframeObj.height=(iframeObj.Document?iframeObj.Document.body.scrollHeight:iframeObj.contentDocument.body.offsetHeight)+30;//  +30     ,  ie         
},200)
}
</script>
</head>
<body>
<div>
<iframe src="index.html" width="100%"height="300" frameborder="0" scrolling="no"
name="PandL" id="PandL"onLoad="javascript:iframeAutoFit(this);"></iframe>
</div>
 
</body>
</html>

좋은 웹페이지 즐겨찾기