原文:iframe的内容增高或缩减时设置其iframe的高度的处理方案

WEB管理软件往往是如下结构的 用户点击子页tab切换中部的显示内容,在切换过程中需要保证前面的子页保持先前的状态。这种情况一般都使用iframe来来作为切换的子页显示内容。 但是这里有一个问题,iframe不能做高度 height 的自适应。理想状态是当iframe高度超过中部内容显示区的高度的时候iframe自动增高,这样主页面会出现滚动条来做适应。处理方式即不断计算iframe内部元素高度 ...

2015-12-15 18:32 3 8480 推荐指数:

查看详情

iframe根据子页面的内容设置高度

由于浏览器安全原因以下的contentDocument 和contentWindow 对象必须起一个页面服务(通过域名或ip地址来访问)并且得保证父页面与子页面是在同一域名下,不然是会报错的 contentDocument 可以获得iframe子窗口的document对象,兼容ie8+ ...

Sun Jan 12 06:20:00 CST 2020 0 2367
iframe高度根据内容变化

我们在使用iframe的时候,iframe高度并不会根据内容的多少来改变它的高度,如何让它根据内容来改变它的高度呢?在网上也找了好多代码,觉得下面这段代码是最有效的: html的源代码如下,index.html是你要引用的页面: Save Save ...

Sat Oct 15 22:59:00 CST 2016 0 4222
iframe 根据内容自适应高度-终极解决方案

第一中方法: 在子页面加载完毕的时候执行 parent.document.getElementById("iframe").height=0; parent.document.getElementById("iframe").height=document.body.scrollHeight ...

Thu Jul 09 06:10:00 CST 2020 0 1023
iFrame根据里面的内容高度

<iframe src="member/membercenteraction" frameborder="0" scrolling="no" name="iframepage" width="100%" id="iframepage" onload="this.height=400 ...

Wed Sep 02 01:01:00 CST 2015 0 3982
JS获取IFRAME内容高度

以上是案例,创建了IFRAME,并设置IFRAME高度 获取高度:document.getElementById('Iframe的ID').contentWindow.document.body.scrollHeight; ...

Mon Jan 16 18:59:00 CST 2012 2 3328
设置iframe高度自适应屏幕高度

写在前面:   最近在搭建项目前台页面框子的时候,把iframe设置成了固定的高度,导致不同的电脑尺寸访问的时候,高度差异较大,故查了下,将iframe设置成自动适应屏幕高度的方式,这里记录下。   还是直接上代码吧   黄色标记的代码部分就是主要的。首先将iframe高度 ...

Sat Jul 07 17:02:00 CST 2018 0 5531
让动态的 iframe 内容高度自适应

使用iframe加载其他页面的时候,需要自适应iframe高度 这里加载了两个不同内容高度的页面至iframe中 1. 没有设置高度 默认长这样 有滚动条,可以看到iframe并不会因为内容高度自动撑开 2. 显示地设置高度 ...

Thu Nov 10 22:50:00 CST 2016 2 44766
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM