javascript应用：Iframe自适应其加载的内容高度

时间：2021-05-26

main.htm:
复制代码 代码如下:
<html>
<head>
<metahttp-equiv='Content-Type'content='text/html;charset=gb2312'>
<metaname='author'content='F.R.Huang(meizz梅花雪)//'>
<title>iframe自适应其加载的网页(多浏览器兼容)</title>
<scriptlanguage=javascript>
functioniframeAutoFit()
{
try
{
if(window!=parent)
{
vara=parent.document.getElementsByTagName("IFRAME");
for(vari=0;i<a.length;i++)//author:meizz
{
if(a[i].contentWindow==window)
{
varh=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);
elsewindow.addEventListener('load',iframeAutoFit,false);
</script>
</head>
<body>
<divstyle="width:200;height:400;background-color:yellow">
iframe自适应其加载的网页(多浏览器兼容)
</div>
</body>
</html>

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章