首页 > 文章资讯 > 技术教程 > 帝国cms教程 > 帝国cms模板中iframe框架调用高度自适应js方法

帝国cms模板中iframe框架调用高度自适应js方法

时间：2023年08月10日

来源：网络

编辑：佚名

用js模板有实现框架自适应高度的方法,代码如下希望对大家有用。
代码：
<iframe frameborder="0" src="http://www.78moban.cn/" class="iframe" frameborder="0" id="test" onload="this.height=100" width="762px" scrolling="no"></iframe>
<script type="text/javascript">
function reinitIframe(){
var iframe = document.getElementById("test");
try{
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);
iframe.height = height;
console.log(height);
}catch (ex){}
}
window.setInterval("reinitIframe()", 200);
</script>
框架的网址可以改成自己的框架地址，也可以放在模板中用标签进行调用视频地址等。
以上就是帝国cms模板中iframe框架调用高度自适应js方法。

新闻资讯更多

猜你需要