当前位置:   article > 正文

iframe双层嵌套后,高度自适应_双重iframe嵌套

双重iframe嵌套
/**
 * 自适应iframe高度
 * @param iParentFrameName :父框架ID
 * @param iframeName:框架ID
 */  
function SetIframeSize(iParentFrameName,iframeName)
      {
         var iframe = document.getElementById(iframeName);
         try
          {
             var bHeight = iframe.contentWindow.document.body.scrollHeight;
             var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
               //据说这两个高度可能不一样
              var height = Math.max(bHeight, dHeight);
              iframe.height =    height;
              //更新父框架高度
              SetIframeSize2(iParentFrameName)
           }catch (ex){}
           }

    //iframeName:框架ID
function SetIframeSize2(iframeName)
{
      var iframe = window.parent.parent.document.getElementById(iframeName);
      try
      {
           var bHeight = iframe.contentWindow.document.body.scrollHeight;
           var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
           var height = Math.max(bHeight, dHeight);
           iframe.height =    height;
           }catch (ex){}

}


使用上面的函数,分别传入两个框架的name,就可以控制框架高度,只出现一个滚动条


声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/298175
推荐阅读
相关标签
  

闽ICP备14008679号