自动适应iframe右边的高度

在开发项目过程中，用iframe嵌套，会发现一个问题，用iframe嵌套的html结构右边不会自动适应高度。

这时候找到了一个解决方法：

<iframe name="my_iframe" id="mainframe" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" width="100%" height="100%" src=""></iframe>

2、记住要引入iframe.js文件

<script type="text/javascript" src="js/iframe.js" ></script>

下面是iframe.js的具体内容

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);
}

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！

# 自适应  # iframe  # 高度  # jQuery简单实现iframe的高度根据页面内容自适应的方法  # js实现iframe自动自适应高度的方法  # 使用jQuery不判断浏览器高度解决iframe自适应高度问题  # jsp页面iframe高度自适应的js代码  # javascript原生和jquery库实现iframe自适应高度和宽度  # 教你用jquery实现iframe自适应高度  # js控制iframe的高度/宽度让其自适应内容  # iframe窗口高度自适应的实现方法  # 如何设置iframe高度自适应在跨域情况下的可用方法  # JavaScript 处理Iframe自适应高度(同或不同域名下)  # 一个问题  # 解决方法  # 具体内容  # 开发项目  # 过程中  # 这时候  # 找到了  # height  # code  # type  # script  # src  # gt  # js  # strong  # navigator  # window  # toUpperCase  # userAgent  # javascript 

相关文章： 企业网站制作公司网页,推荐几家专业的天津网站制作公司？  如何在阿里云虚拟服务器快速搭建网站？  香港服务器选型指南：免备案配置与高效建站方案解析  微信h5制作网站有哪些,免费微信H5页面制作工具？  如何通过FTP空间快速搭建安全高效网站？  为什么Go需要go mod文件_Go go mod文件作用说明  韩国代理服务器如何选？解析IP设置技巧与跨境访问优化指南  网站制作软件免费下载安装,有哪些免费下载的软件网站？  如何做网站制作流程,*游戏网站怎么搭建？  在线ppt制作网站有哪些,请推荐几个好的课件下载的网站？  建站VPS推荐：2025年高性能服务器配置指南  建站之星如何实现五合一智能建站与营销推广？  相册网站制作软件,图片上的网址怎么复制？  网站制作企业,网站的banner和导航栏是指什么？  广州网站制作的公司,现在专门做网站的公司有没有哪几家是比较好的，性价比高，模板也多的？  网站制作公司排行榜,抖音怎样做个人官方网站  已有域名建站全流程解析：网站搭建步骤与建站工具选择  建站之星展会模版如何一键下载生成？  如何访问已购建站主机并解决登录问题？  北京网站制作公司哪家好一点,北京租房网站有哪些？  如何在七牛云存储上搭建网站并设置自定义域名？  如何在阿里云服务器自主搭建网站？  临沂网站制作公司有哪些,临沂第四中学官网？  如何在企业微信快速生成手机电脑官网？  如何在阿里云ECS服务器部署织梦CMS网站？  如何零成本快速生成个人自助网站？  电商平台网站制作流程,电商网站如何制作？  如何选择建站程序？包含哪些必备功能与类型？  大连网站制作公司哪家好一点,大连买房网站哪个好？  家具网站制作软件,家具厂怎么跑业务？  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站？  齐河建站公司：营销型网站建设与SEO优化双核驱动策略    php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  清除minerd进程的简单方法  大连网站制作费用,大连新青年网站，五年四班里的视频怎样下载啊？  建站中国官网：模板定制+SEO优化+建站流程一站式指南  浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样？  如何在云服务器上快速搭建个人网站？  建站主机选购指南：核心配置优化与品牌推荐方案  Bpmn 2.0的XML文件怎么画流程图  宠物网站制作html代码,有没有专门介绍宠物如何养的网站啊？  郑州企业网站制作公司,郑州招聘网站有哪些？  如何通过VPS建站无需域名直接访问？  建站之星安装失败：服务器环境不兼容？  如何高效配置IIS服务器搭建网站？  C++如何将C风格字符串（char*）转换为std::string？（代码示例）  陕西网站制作公司有哪些,陕西凌云电器有限公司官网？  建站之星如何实现网站加密操作？  网站制作报价单模板图片,小松挖机官方网站报价？