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

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

发布时间:2012-11-10   浏览次数:141次   作者:未知    标签:郑州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>