当前页面: 开发资料首页 → Javascript 专题 → JavaScript应用：Iframe自适应其加载的内容高度
JavaScript应用：Iframe自适应其加载的内容高度
摘要: JavaScript应用：Iframe自适应其加载的内容高度
main.htm:
<head>
</head>
<body>
<iframe src="child.htm"></iframe>
</body>
child.htm:
<head>
<script language=javascript>
function iframeAutoFit()
{
try
{
if(window!=parent)
{
var a = parent.document.getElementsByTagName("IFRAME");
for(var i=0; i
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>
iframe 自适应其加载的网页(多浏览器兼容)
</body>