iframe auto height

最新推荐文章于 2019-12-31 10:47:00 发布

原创最新推荐文章于 2019-12-31 10:47:00 发布 · 339 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Opera #HTML

学习资料(部分转载) 专栏收录该内容

43 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现iframe自适应高度的方法。通过检测iframe内容的实际高度来动态调整iframe的高度，确保内容完整显示的同时避免多余的空间浪费。适用于网页中嵌入动态内容的场景。

<script type="text/javascript">
   function SetCwinHeight(iframeObj){
    if (document.getElementById){
     if (iframeObj && !window.opera){
      if (iframeObj.contentDocument && iframeObj.contentDocument.body.offsetHeight){
       iframeObj.height = iframeObj.contentDocument.body.offsetHeight;
      }else if(document.frames[iframeObj.name].document && document.frames[iframeObj.name].document.body.scrollHeight){
       iframeObj.height = document.frames[iframeObj.name].document.body.scrollHeight;
      }
     }
    }
   }
   </script>
   <iframe width="100%" name="frameContent" onload="SetCwinHeight(this)" frameborder="0" src="*"></iframe>