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


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>



相关阅读:
JS对象与JSON格式数据相互转换
了解“SQL Server 2008”的报表服务
PHP 5.0对象模型深度探索之属性和方法
IE中实现HTMLElement
asp.net Javascript 的几种写法与提示
正则表达式之全部符号对照表
ASP性能优化28条守则---[7] 将代码封装在 COM 对象中
javascript新手语法小结
多文件上传的例子
Ubuntu Linux系统设定服务自行开机启动
MySQL数据库敏感数据安全保护六大措施
asp.net 模拟提交有文件上传的表单(通过http模拟上传文件)
广告代码静态化js通用函数
不可小看的改变 Vista系统五大便利操作
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4