HTML/CSS

iframe 嵌入网页自动延伸高度保持嵌入网页高度

阿里云

平时我们或许会在一个网页中镶入一个可以不固定高度的网页,我们需要让框架随着镶入网页的高度从而增加高度,以下代码可以解决不支持自动扩展高度的问题。

  1. <div class="g-doc" style="margin-top:0px;">
  2. <iframe id="c-c-iframe" name="xxx" src="dh.htm" frameBorder="0" width="100%" scrolling="no"></iframe>
  3. </div>
  4. <script type="text/javascript">
  5. function reinitIframe(){
  6. var iframe = document.getElementById("c-c-iframe");
  7. try{
  8. var bHeight = iframe.contentWindow.document.body.scrollHeight;
  9. var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
  10. //var height = Math.max(bHeight, dHeight);
  11. var height = Math.min(bHeight, dHeight);
  12. iframe.height = height;
  13. }catch (ex){}
  14. }
  15. window.setInterval("reinitIframe()", 0);
  16. </script>
也想出现在这里?联系我们
创客主机

iframe 嵌入网页自动延伸高度保持嵌入网页高度

已有 410 人购买
查看演示升级 VIP立刻购买

收藏
(1)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!