zoukankan      html  css  js  c++  java
  • iframe动态改变内嵌页面高度

    test.html

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
     <head>
      <title> New Document </title>
      <meta name="Generator" content="EditPlus">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
     </head>
    
    
     <body>
    <table align=center cellspacing=0 cellpadding=0 height="100%" border=0>
    <tbody>
    <tr>
    <td valign="top" width="206" name="frametitle" id="frametitle">
    <iframe style="z-index: 1; visibility: inherit;  206px;height:100%" name="leftmenu" id="leftmenu" src="nest.html" frameborder=0  scrolling="no"></iframe>
    </td>
    </tr>
    </tbody>
    </table>
     </body>
    </html>
     <script type="text/javascript">
    function TuneHeight(){
    	var h = document.getElementById("leftmenu").contentWindow.document.body.scrollHeight + "px";
    		document.getElementById("frametitle").style.height=h;
    	}
    	window.onload=TuneHeight;
    </script>
    

    nest.html

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
     <head>
      <title> New Document </title>
      <meta name="Generator" content="EditPlus">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
       <script type="text/javascript">
       function test(){
    	document.write("<span>----------------------------------</span>");
    	window.parent.TuneHeight();
       }
       setInterval(test,1000);
    	
      </script>
     </head>
    
     <body>
      
     </body>
    </html>
    


  • 相关阅读:
    动态投影
    我的比较差的初级的研究成果
    我最近的研究成果(IGeometry.Project and IGeometry.SpatialReference)
    mysql中的数据类型以及常见约束
    面向对象——多态
    java基础
    java中的异常(3)
    mysql中的数据类型
    面向对象——继承
    java中的异常(2)
  • 原文地址:https://www.cnblogs.com/bhlsheji/p/5378470.html
Copyright © 2011-2022 走看看