• 欢迎访问金恒屋首页
  • 这是金恒的个人网站

金恒屋

  • 网站首页

  • 本站动态

  • 技术文章

  • 主机管理

  • 求倍cms

  • 设计素材

    • 图片素材
    • 其他素材
  • 网页模板

  • 案例展示

  • 闲言碎语

  • 网站留言

当前位置:金恒网络 - 技术文章 - iframe框架高度自适应,不产生滑块的办法

iframe框架高度自适应,不产生滑块的办法

加入时间:2016/2/25 3:55:24  来源:网络  作者:   访问量:

    在调用iframe的时候,常因网页大小不一致,导致产生滑块,影响页面浏览。其实我们可以用JS进行控制。

    原理:取得指定ID框架的高返回给页面重新加载。

    框架调用代码:

     <iframe id="frame1" 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("frame1");
  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>

    注意红色内容,框架ID与JS控制的框架ID必须统一。





相关信息:

图片新闻 更多
最新信息 更多
热门文章 更多
首页 | 关于求倍 | 免责声明 | 联系我们
Copyright ©2014-2023 求倍网络 www.qiubei.cn 网站备案号:滇ICP备2023002614号-1 滇公网安备 53262102000484号