使Iframe的宽高自适应，并且兼容IE 和NC浏览器

最新推荐文章于 2019-08-27 11:17:25 发布

Samanthaqu

最新推荐文章于 2019-08-27 11:17:25 发布

阅读量2.4k

点赞数

分类专栏： Web基础文章标签： iframe 浏览器 ie javascript function html

Web基础专栏收录该内容

2 篇文章 0 订阅

订阅专栏

用Iframe时，高和宽是直接定制好的。很难自适应引用的页面。这时就要用别的方法来进行了。以下整理了2种方法。以做备用：

1，适应内容自动扩展，在parent页面上加处理script：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language=JavaScript>
function autoResize(){
try{
document.all["content"].style.height=content.document.body.scrollHeight;
document.all["content"].style.width=content.document.body.scrollWidth;
}
catch(e){}
}
</script>

2.在引用的文件上加script

function changeIframeHeight() //自动改变 Iframe 的高度
{
if(top != self)
window.parent.document.getElementById(self.name).height = document.body.scrollHeight;
}

function window.onload()
{
changeIframeHeight(); //改变 Iframe 高度
}

把上面那个放到需要自适应的页面中，用javascript套用就可以了