金恒屋

    在调用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必须统一。

上一条：网页内容换行相关
下一条：鼠标悬停或经过时改变行tr背景颜色代码

---

相关信息：

没有相关信息