自适应高度框架 ----属个人收藏内容

时间:2021-05-18

main.htm:

<html>
<head>
<metahttp-equiv='Content-Type'content='text/html;charset=gb2312'/>
<metaname='author'content='F.R.Huang(meizz梅花雪)//'/>
<title>iframe自适应其加载的网页(多浏览器兼容)</title>
<scripttype="text/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)
{
varh1=0,h2=0;
a[i].parentNode.style.height=a[i].offsetHeight+"px";
a[i].style.height="10px";
if(document.documentElement&&document.documentElement.scrollHeight)
{
h1=document.documentElement.scrollHeight;
}
if(document.body)h2=document.body.scrollHeight;

varh=Math.max(h1,h2);
if(document.all){h+=4;}
if(window.opera){h+=1;}
a[i].style.height=a[i].parentNode.style.height=h+"px";
}
}
}
}
catch(ex){}
}
if(window.attachEvent)
{
window.attachEvent("onload",iframeAutoFit);
//window.attachEvent("onresize",iframeAutoFit);
}
elseif(window.addEventListener)
{
window.addEventListener('load',iframeAutoFit,false);
//window.addEventListener('resize',iframeAutoFit,false);
}
//-->
</script>
</head>
<body>
<tableborder="1"width="200"style="height:400px;background-color:yellow">
<tr>
<td>iframe自适应其加载的网页(多浏览器兼容,支持XHTML)</td>
</tr>
</table>
</body>
</html>

======================================

iframe标签的高度怎么样才能自适应src的页面?

例如:<iframeid=box2name="cok"src="agree.htm"width="100%"scrolling="no"frameborder="0"marginwidth="0"marginheight="0"></iframe>

这个iframe的高度怎么能自适应agree.htm的高度600?
不要告诉我设为height=600,因为这个iframe要应用几个高度不同的页面!


谢谢,找到了
<script>
functionautoResize()
{
try
{
document.all["test"].style.height=test.document.body.scrollHeight
}
catch(e){}
}
</script>

<iframeid=teststyle="height:expression(1);aho:expression(autoResize())"src="\\"></iframe>

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

相关文章