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

帝国CMS教程 2022-06-03 22:05:22 288

用js模板有实现框架自适应高度的方法,代码如下希望对大家有用。

代码:

<iframe frameborder="0" src="/" 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方法是什么?》发布于2022-06-03 22:05:22