文档章节

解决iframe自适应高度问题

旺仔没馒头
 旺仔没馒头
发布于 2017/09/05 19:41
字数 189
阅读 8
收藏 0

        在页面中,经常使用iframe来展示某一块的区域內容,但是为了消除iframe的滚动条,让嵌入iframe的页面看起来更加自然,需要iframe自动适应內容高度,经过我的实验,发现下面代码能够很好的解决问题。

iframe代码

<iframe frameborder="0" width="100%"src="${ctx}/business/standard/list" scrolling="no"
id="myframe" ></iframe>

以下是调整大小的核心代码,在window.onload方法中调用即可。

function setIframeHeight(iframe) {
    if (iframe) {
        var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
        if (iframeWin.document.body) {
            iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
        }
    }
}

        假如我们iframe的高度要随着子页面的內容变化而变化,那么需要设置一个定时器,来不停地去改变iframe的高度。

window.setInterval("setIframeHeight(document.getElementById('myframe'))", 200);

© 著作权归作者所有

共有 人打赏支持
旺仔没馒头
粉丝 2
博文 17
码字总数 12986
作品 0
济南
程序员
iframe自适应高度的多种方法方法小结

第一种方法:代码简单,兼容性还可以,大家可以先测试下。 function SetWinHeight(obj) { var win=obj; if (document.getElementById) { if (win && !window.opera) { if (win.contentDocume......

华山猛男
2014/03/27
0
0
解决iframe显示高度自适应问题

1.解决iframe显示高度自适应问题 2.解决在chrome下ifame跳转高度不能减少 3.解决IE Chrome兼容问题(其它浏览器未测试) HTML: <iframe frameborder="0" scrolling="no" id="iframe" onload=...

happy爱宝贝
2013/02/26
0
0
iframe 自适应高度问题

最近项目中有应用到IFRAME,但是由于我的多个应用同时套用一个iframe 所以需要用到iframe 自适应高度问题. 在网上找了一些资料都必需要在引入都必须要设页面的高度,如果不设的话返回的高度跟...

Mr_XK
2014/08/15
123
1
Iframe高度自适应(兼容IE/Firefox、同域/跨域)

看转贴吧 但是需要说明的是,就是大家不要以为可以用这种方法来控制别人的网页,不行的 这个跨域虽说域名不一样,但必须都是你的,也就是你可以修改的才行,这个跨域这种方法可以实现,但是如...

thinkgood
2013/10/14
0
0
easyui tab 加载iframe 高度问题

其实按网上搜的结果, 有个属性是. 加上他之后会使得自适应父类的宽高。 加上之后,发现个问题,当刷新tab内容的时候高度是对的,但是新建tab的时候高度还是没自适应。下面解决办法是,新建之...

渺小的尘埃
2015/05/06
0
1

没有更多内容

加载失败,请刷新页面

加载更多

nginx 负载均衡

一.配置方式 1.轮询(默认) 优点:实现简单; 缺点:不考虑每台服务器处理能力 2.权重 weight默认是1。如果有多个配置权重的节点,比较相对值。 15:10,只代表访问8080端口的概率是访问908...

imbiao
23分钟前
0
0
jQuery学习笔记180923

jQuery 操作 CSS jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些: addClass() - 向被选元素添加一个或多个类 removeClass() - 从被选元素删除一个或多个类 toggleClass() - 对被选...

颖伙虫
34分钟前
1
0
[python] colorama 模块 - 改变控制台输出文本的颜色

除了使用 PyQt 这样的图形化开发框架外,基本上 python 程序都是跑在控制台中的。很多时候,单纯使用黑白的文字不能很好地突出我们要显示的信息。有时候我们需要将错误的提示使用红色标注,而...

cometeme
39分钟前
1
0
Makefile 学习 2 - 基于若干 Blog 的汇总

基于若干 Blog 汇总的 makefile 教程 陈皓 https://blog.csdn.net/haoel/article/details/2886 Makefile 进阶 1. Makefile 中的内容 显式规则。显式规则说明了,如何生成一个或多的的目标文件...

公孙衍
55分钟前
1
0
NIO与BIO的区别、NIO的运行原理和并发使用场景

NIO(Non-blocking I/O,在Java领域,也称为New I/O),是一种同步非阻塞的I/O模型,也是I/O多路复用的基础,已经被越来越多地应用到大型应用服务器,成为解决高并发与大量连接、I/O处理问题的...

Java干货分享
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部