iframe 自适应高度，动态高度 js

最新推荐文章于 2024-08-28 14:23:26 发布

weixin_33890499

最新推荐文章于 2024-08-28 14:23:26 发布

阅读量90

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/haoye/blog/824706

版权

为什么80%的码农都做不了架构师？>>>

<iframe src="/example.html" id="iframepage" name="iframepage" frameBorder=0 scrolling=no width="100%" onLoad="reinitIframeEND();"  ></iframe>  
  
<script type="text/javascript" language="javascript">     
  
function reinitIframe(){  
var iframe = document.getElementById("iframepage");  
try{  
    var bHeight = iframe.contentWindow.document.body.scrollHeight;  
    var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;  
    var height = Math.max(bHeight, dHeight);  
    iframe.height = height;  
}catch (ex){}  
}  
  
var timer1 = window.setInterval("reinitIframe()", 500); //定时开始  
  
function reinitIframeEND(){  
var iframe = document.getElementById("iframepage");  
try{  
    var bHeight = iframe.contentWindow.document.body.scrollHeight;  
    var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;  
    var height = Math.max(bHeight, dHeight);  
    iframe.height = height;  
}catch (ex){}  
// 停止定时  
window.clearInterval(timer1);  
  
}  
  
</script>

转载于:https://my.oschina.net/haoye/blog/824706