IFRAME自适应高度

最新推荐文章于 2021-06-02 17:59:58 发布

原创最新推荐文章于 2021-06-02 17:59:58 发布 · 416 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#iframe #function #null

JavaScript 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种实现IFRAME元素自适应高度的方法，包括适用于不同浏览器环境的JavaScript代码。通过监听IFRAME加载完成事件并动态调整其高度，确保了内容能够完全展示而不会出现滚动条。

一、IFRAME自适应高度，可以考虑广告显示的js和ppc按钮显示的js应用

二、    <script>
function   dyniframesize(iframename)
{
        var   pTar   =   null;
        if   (document.getElementById)
      {
          pTar   =   document.getElementById(iframename);
        }
        else{
eval('pTar   =   '   +   iframename   +   ';');
                  }
        if   (pTar   &&   !window.opera){
//begin   resizing   iframe
          pTar.style.display="block"

        if   (pTar.contentDocument   &&   pTar.contentDocument.body.offsetHeight){
//ns6   syntax
pTar.height   =   pTar.contentDocument.body.offsetHeight+10;
}
else   if   (pTar.Document   &&   pTar.Document.body.scrollHeight){
//ie5+   syntax
pTar.width   =   pTar.Document.body.scrollWidth;
pTar.height   =   pTar.Document.body.scrollHeight;
}
}
}
    </script>