JavaScript实现Iframe自适应内容高度（多浏览器兼容）

<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>

<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>