JavaScript

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" inwindow);var isIE9More = (! -[1, ] == false);functionreinitIframe(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]、OPERAbHeight += 3;var height =Math.max(bHeight, dHeight);if (height < minHeight) height =minHeight;iframe.style.height= height + "px";}catch(ex) { }
}functionstartInit(iframeId, minHeight) {eval("window.IE9MoreRealHeight" + iframeId + "=0");window.setInterval("reinitIframe('" + iframeId + "'," + minHeight + ")", 100);
}var minHeight =$(window).height();
startInit('contents', minHeight);

有个问题待解决:去除了左右padding的值

转载于:https://www.cnblogs.com/xiaobaizhiqian/p/8573876.html

html中iframe根据子页面内容动态修改高度相关推荐

  1. 谷歌浏览器iframe兼容问题_兼容解决 IE 、火狐、谷歌浏览器中 Iframe框架的页面缓存的方法...

    在我们的项目中往往少不了广告的成分,有的时候我们为了方便修改一般会选择iframe嵌套进来的方法,开始的时候没怎么留意,一般自己换广告也是强制刷新,直到后来看广告统计的ip发现好多广告都下架了半个月了 ...

  2. HTML使用iframe元素实现页面内容的跳转功能

    HTML使用iframe元素实现页面内容的跳转功能 前言 一.iframe是什么? 二.iframe的使用 1.主页面内容代码 2.内容页面代码 总结 前言 在前端的学习中,不免有一些页面的跳转功能的 ...

  3. html怎样使整个页面居中,如何使整个页面内容居中使高度适应内容自动伸缩

    如何使整个页面内容居中使高度适应内容自动伸缩 发布时间:2013-08-06 15:13:43   作者:佚名   我要评论 如何使整个页面内容居中,如何使高度适应内容自动伸缩.这是学习CSS布局最常 ...

  4. 点击cell动态修改高度动画

    点击cell动态修改高度动画 效果 源码 https://github.com/YouXianMing/Animations // // TapCellAnimationController.m // ...

  5. bootstrap在iframe框架中实现由子页面在顶级页面打开模态框(modal)

    我需要完成的效果: 1.在顶级页面打开模态框,并且遮罩层也要再顶级页面 2.单击遮罩层部分,模态框不关闭 问题描述: 不知为什么,可能是bootstrap前端框架添加遮罩层的一些问题.通过子页面在顶级 ...

  6. html修改显示页面内容,html修改iframe内容

    IFrame里面的子页面html内容变化时,怎么动态改变I比如IFrame在onload的时候table显示5行,页面高度是500px,再改成20行的在IFrame的具体页面(就是子页面),添加Jav ...

  7. 框架页面中,从子页面刷新父页面问题解决

    上次做的一个项目的主页面是那种框架的效果, 左边点什么右边的子页面对应各个页面. 我开始要做的功能是当点击某个连接时,且session超时的时候.右边就出来一个登陆错误页面, 上面有个Button跳转 ...

  8. js在div中追加html,JS把内容动态插入到DIV的实现方法

    /p> "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> Testing example.js 文件内容: window. ...

  9. mysql中如何设置过滤器_mysql 如何动态修改复制过滤器

    MySQL动态修改复制过滤器 说说今天遇到的问题吧,今天在处理一个业务方的需求,比较变态,我大概描述一下: 1.线上的阿里云rds上面有个游戏的日志库,里面的表都是日表的形式,数据量比较大了,每次备份 ...

最新文章

  1. ASP.NET的实时天气及24小时天气预报(C#)
  2. Spring全局异常处理的三种方式
  3. linux 信号_Linux信号机制
  4. [html] 写一个布局,当页面滚动一定高时,导航始终固定在顶部,反之恢复原位
  5. mybatis源码分析执行流程
  6. 大学生起诉小米获赔流量费1元
  7. CUDA、SU、MPI和Madagascar混合编程的Makefile文件配置
  8. 小程序仿饿了么弹窗式购物车
  9. c# socket接收字符串_php 的 socket简单原理及实现
  10. 985 硕士待业200天,工作 10 年存款 2W : 累死你的不是工作,而是“选择”
  11. 如何配置 Windows XP SP2 中的 Internet Explorer 增强安全功能
  12. 关于keystore 文件生成PK8+PEM文件
  13. 反斜杠“\”的几个用法!
  14. Mac 通过adb安装apk文件
  15. java定义一个周长类三角形_point类 三点的三角形的周长、面积 编程求解矩形和圆面积 java 三角形的定义...
  16. java与es8实战之一:以builder pattern开篇
  17. OWASP-TOP10漏洞详解以及防护方案
  18. 最近整理的一些常见的面试题,面试大全,黑马程序员面试宝典题库---框架--篇
  19. Vue3 全家桶 + Element Plus + Vite + TypeScript + Eslint 项目配置最佳实践
  20. 远程连接docker中的SQL Server

热门文章

  1. ASP.Net数据库连接字符串
  2. 卷成这样,非逼我用RTX 3090?(深度学习GPU平台种草
  3. 基于Transformer的通用视觉架构:Swin-Transformer带来多任务大范围性能提升
  4. 热门项目:高精度图像分类全流程开发
  5. ECCV 2020 大规模实例分割挑战赛(LVIS Challenge)冠军方案
  6. ICLR 2020丨微软亚洲研究院精选论文解读
  7. 英伟达DALI加速技巧:让数据预处理速度比原生PyTorch快4倍
  8. 斯坦福用普通相机和激光笔实现“穿墙透视”,连你的证件都能看清
  9. 博士笔记 | 周志华《机器学习》手推笔记第三章-线性模型
  10. 计算机网络配置调试综合实验,计算机网络设备配置与调试课程标准.doc