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

前端之家收集整理的这篇文章主要介绍了iframe 嵌入网页自动延伸高度保持嵌入网页高度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。编程之家小编现在分享给大家,也给大家做个参考。

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

<div class="g-doc" style="margin-top:0px;">

<iframe id="c-c-iframe" name="xxx" src="dh.htm" frameBorder="0" width="100%" scrolling="no"></iframe>

</div>

<script type="text/javascript">

function reinitIframe(){

var iframe = document.getElementById("c-c-iframe");

try{

var bHeight = iframe.contentWindow.document.body.scrollHeight;

var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;

//var height = Math.max(bHeight,dHeight);

var height = Math.min(bHeight,dHeight);

iframe.height = height;

}catch (ex){}

}

window.setInterval("reinitIframe()",0);

</script>

以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

猜你在找的HTML相关文章