td自适应iframe 高度

最新推荐文章于 2023-03-22 14:08:50 发布

原创最新推荐文章于 2023-03-22 14:08:50 发布 · 2.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#iframe

JavaScript 专栏收录该内容

36 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现IFrame自适应高度的方法。通过监听IFrame加载完成事件并获取内部文档的高度来动态调整IFrame的高度，确保内容完整显示且不占用多余空间。

 <td  id="mainFrameTd" width="414" align="center" valign="top">
      
            <script>
            function resize(obj){
                 var iframeHeight=document.frames[obj.name].document.body.scrollHeight; 
                 alert(iframeHeight);
                 document.getElementById("mainFrameTd").style.height=iframeHeight;
            
            }
            </script>
            <iframe frameborder="0" name="index_main"  id="index_main"  onload="resize(this);" src="${getUrl()}" style="width:100%; height:100%" scrolling="no"></iframe>
          </td>