JavaScript应用:Iframe自适应其加载的内容高度

王朝html/css/js·作者佚名  2006-03-28
窄屏简体版  字體: |||超大  

main.htm:

<html>

<head>

<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>

<meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'>

<title>iframe自适应加载的页面高度</title>

</head>

<body>

<iframe src="child.htm"></iframe>

</body>

</html>

child.htm:

<html>

<head>

<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>

<meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'>

<title>iframe 自适应其加载的网页(多浏览器兼容)</title>

<script language=javascript>

function iframeAutoFit()

{

try

{

if(window!=parent)

{

var a = parent.document.getElementsByTagName("IFRAME");

for(var i=0; i<a.length; i++) //author:meizz

{

if(a[i].contentWindow==window)

{

var h = document.body.scrollHeight;

if(document.all) {h += 4;}

if(window.opera) {h += 1;}

a[i].style.height = h;

}

}

}

}

catch (ex)

{

alert("脚本无法跨域操作!");

}

}

if(document.attachEvent) window.attachEvent("onload", iframeAutoFit);

else window.addEventListener('load', iframeAutoFit, false);

</script>

</head>

<body>

<div style="width: 200; height: 400; background-color: yellow">

iframe 自适应其加载的网页(多浏览器兼容)

</div>

</body>

</html>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有  導航