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

MoBan5源码 | 2021-06-07 19:41:14 |

摘要:用js模板有实现框架自适应高度的方法,代码如下希望对大家有用,框架的网址可以改成自己的框架地址,也可以放在模板中用标签进行调用视频地址等......

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

代码:

<iframe frameborder="0" src="http://www.moban5.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方法。