您的位置：首页 > 其它

【经验分享】Iframe自适应其加载的内容高度

2008-09-27 17:35 381 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航