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

iframe 嵌入网页自动延伸高度保持嵌入网页高度,第1张

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

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

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

<div >

<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)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的iframe 嵌入网页自动延伸高度保持嵌入网页高度全部内容,希望文章能够帮你解决iframe 嵌入网页自动延伸高度保持嵌入网页高度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/web/1095897.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存