main.htm:
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
<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'>
<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
.contentWindow==window) {
var h = document.body.scrollHeight;
if(document.all) {h += 4;}
if(window.opera) {h += 1;}
a.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>
