td自适应iframe 高度

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

xkyle

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

阅读量2.5k

点赞数

分类专栏： JavaScript 文章标签： iframe

本文链接：https://blog.csdn.net/xkyle/article/details/2914640

版权

JavaScript 专栏收录该内容

36 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 
  <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"  οnlοad="resize(this);" src="${getUrl()}" style="width:100%; height:100%" scrolling="no"></iframe>
          </td>
 