iframe自动增高有关问题
日期：2014-05-16 浏览次数：20428 次
iframe自动增高问题
如何设置iframe自动增高,望高手指点,谢谢
------解决方案--------------------
设置height属性不行吗?
------解决方案--------------------
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>
如何设置iframe自动增高,望高手指点,谢谢
------解决方案--------------------
设置height属性不行吗?
------解决方案--------------------
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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
