当前位置：首页 > 技术方案 > 详情

可以让iframe框架自适应大小的js代码，自动改变高度和宽度

发布时间：2012-11-10 浏览次数：211次作者：未知标签：郑州seo 郑州seo推广郑州网站推广

很多时候我们用iframe的时候因为想载入很多种网页，大小很不好控制，所以在网上找了这个代码，希望能帮到大家！

代码如下：

html代码：<iframe id="frame_content" src="/gftool/index.html" scrolling="no" frameborder="0" onload="this.height=100" width="100%"></iframe>

js代码：<script type="text/javascript">
function reinitIframe(){
  var iframe = document.getElementById("frame_content");
  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.setInterval("reinitIframe()", 200);
</script>