iframe 高度自适应！

最新推荐文章于 2025-05-18 13:16:54 发布

原创最新推荐文章于 2025-05-18 13:16:54 发布 · 322 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#iframe #null #div

javascript 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态调整iframe元素高度的方法，确保iframe能够根据其内容自动伸缩，提升网页布局的灵活性和用户体验。

 
 window.onresize = setFrameSize;
        
        function setFrameSize()
        {
            
            if (document.frames['htmliframe'].document.body==null) return;
            var frmHeight = document.frames['htmliframe'].document.body.scrollHeight;
            document.getElementById("htmliframe").style.height =  frmHeight;
            return frmHeight;
        }

 
  <div id="div_iframe"style="height:expression(setFrameSize());">
                    <iframe src =StoreSearch.aspx id="htmliframe" height="100%" frameborder =no></iframe>
                    </div>