zoukankan      html  css  js  c++  java
  • js动态改变iframe的高度

    在数飞OA的开发过程中,遇到问题:一个jsp页面嵌套一个html页面。

    〈iframe id="docDetail" width="100%"  height="200"
            frameborder="0"
            src="a.htm"〉
    〈/iframe〉

    而a.html不是固定大小的,这个时候嵌套的iframe就会出现滚动条。

    通过js获取iframe的高度,然后动态的改变,这样就不会出现滚动条。

    方式一:在jsp的body里增加onload方法 

      〈body onload="javascript:ResizeFrame();"〉
     
      function ResizeFrame() {
       var oFrame = document.getElementById("docDetail");
       var vHeight= document.frames("docDetail").document.body.scrollHeight;   
     oFrame.height = vHeight; 
      }

      通过document.frames("docDetail")可以获得确实的高度
      通过document.getElementById("docDetail")可以改变frame的高度。

    方式二:在html的body里增加onload方法:
      〈body onLoad="javascript:ReSize();"〉

      function ReSize() {
        //自动调节窗口的大小
        var vHeight = document.body.scrollHeight + 30;
        window.resizeTo(650, vHeight);
      }

  • 相关阅读:
    拉格朗日乘数法
    线性判别分析(Linear Discriminant Analysis)
    有监督学习 和 无监督学习
    Jenkins入门知识
    vs技巧总结
    jenkins 神奇变量
    ubuntu12.04 折腾流水
    ubuntu 12.04 右上角的网络连接图标突然消失不见
    ubuntu 12.04 上网体验
    JIRA 初体验
  • 原文地址:https://www.cnblogs.com/soarwell/p/1448926.html
Copyright © 2011-2022 走看看