用JS实现iframe框架高度自适应

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

代码：

<iframe frameborder="0" src="https://www.duanjingdian.com/" 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>

框架的网址可以改成自己的框架地址，也可以放在模板中用标签进行调用视频地址等。