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

    js动态改变iframe的高度的写法
    〈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);
      }
  • 相关阅读:
    Java-二维码
    Java-properties
    Java-JSON
    Java-动态代理
    Java-XML
    Java-IO
    Java-File类
    Java-Http
    测试工作小工具~总结&下载连接
    Jenkins持续集成环境搭建
  • 原文地址:https://www.cnblogs.com/wolfocme110/p/3873421.html
Copyright © 2011-2022 走看看