iframe 自动适应子页面高度宽度

转载 2016年08月29日 09:47:47

<iframe id="mainFrame" name="mainFrame" scrolling="no" src="Index.aspx"
            frameborder="0" style="padding: 0px; width: 100%; height: 1000px;"></iframe>


<script type="text/javascript">

        startInit('mainFrame', 560);

var browserVersion = window.navigator.userAgent.toUpperCase();

var isOpera = browserVersion.indexOf("OPERA") > -1 ? true : false;

var isFireFox = browserVersion.indexOf("FIREFOX") > -1 ? true : false;

var isChrome = browserVersion.indexOf("CHROME") > -1 ? true : false;

var isSafari = browserVersion.indexOf("SAFARI") > -1 ? true : false;

var isIE = (!!window.ActiveXObject || "ActiveXObject" in window);

var isIE9More = (! -[1, ] == false);

function reinitIframe(iframeId, minHeight) {

try {

var iframe = document.getElementById(iframeId);

var bHeight = 0;

if (isChrome == false && isSafari == false)

bHeight = iframe.contentWindow.document.body.scrollHeight;


var dHeight = 0;

if (isFireFox == true)

dHeight = iframe.contentWindow.document.documentElement.offsetHeight + 2;

else if (isIE == false && isOpera == false)

dHeight = iframe.contentWindow.document.documentElement.scrollHeight;

else if (isIE == true && isIE9More) {//ie9+

var heightDeviation = bHeight - eval("window.IE9MoreRealHeight" + iframeId);

if (heightDeviation == 0) {

bHeight += 3;

} else if (heightDeviation != 3) {

eval("window.IE9MoreRealHeight" + iframeId + "=" + bHeight);

bHeight += 3;

}

}

else//ie[6-8]、OPERA

bHeight += 3;


var height = Math.max(bHeight, dHeight);

if (height < minHeight) height = minHeight;

iframe.style.height = height + "px";

} catch (ex) { }

}

function startInit(iframeId, minHeight) {

eval("window.IE9MoreRealHeight" + iframeId + "=0");

window.setInterval("reinitIframe('" + iframeId + "'," + minHeight + ")", 100);

}

</script>



相关文章推荐

iframe自动适应 高度 宽度

  • 2011年11月23日 08:56
  • 1KB
  • 下载

总结iframe高度自适应,自适应子页面高度

在网上找了很多iframe的高度自适应,发现很多兼容性都不是很好,于是自己总结了一下。  页面html节点上要有下面红色部分,不然ie浏览器会无限递增 iframe id="mai...
  • wd_boy
  • wd_boy
  • 2017年05月24日 14:51
  • 268

asp.net页面中Menu控件下拉菜单被frame挡住和iframe自适应高度的解决办法

 当你在做一个仿windows程序的顶部菜单框架的时候,在asp.net中你可能会使用两个frame,一个frame在上面用来放菜单一个frame在下面用来方菜单点击后打开的页面.页面实现很简单,单运...

单页面多Highcharts图形,高度宽度自适应

数据图形展示页面,四个图形,上边俩,下边俩,客户机的分辨率不同,所以如果把图形的宽度高度写死,...

HTML页面图片自动适应宽度

RT. 这个是之前做微信微站的时候yizhi

EasyUI中iframe嵌入页面,包含datagrid数据动态绑定,页面内容的高度自适应问题

在我起初定义的tabs中,我想点击链接后跳出我的datagrid页面,涉及到datagrid的定义,数据的绑定,还有页面的适应高度问题....

textarea文本域宽度和高度(width、height)自动适应变化处理

文章来源:http://www.cnblogs.com/jice/archive/2011/08/07/2130069.html textarea宽度、高度自动适应处理方法 .commen...

【随记】JQuery实现表格的双击编辑功能(自动适应表格高度和宽度)

跨域从子页面设置父页面iframe高度(前提,两个域名下都有操作权限)

如果跨域的话,也可以从子页面调整父页面里IFRAME的高度,但是前提是,这俩域名下你都有权限操作。 具体思路如下: [img=http://img.bbs.csdn.net/upload/...

iframe父页面随子页面高度的增加而增加

问题:iframe嵌套网页,子页面高度增加,iframe高度也会增加.列如:子页面是一个表格数据。有个下拉框可以选择 回答: 1、首先你要明确:选择条数之后,触发了事件令子页面的body高度改...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iframe 自动适应子页面高度宽度
举报原因:
原因补充:

(最多只允许输入30个字)