• 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>
    


  • 相关阅读:
    几个常用ORACLE运维监控的SQL语句
    Oracle 字符集的查看和修改
    建立表空间、用户、导出导入
    android get post提交与获取数据
    javaweb 路径问题
    java web分页
    用java调用oracle存储过程总结(转别人的。。。)
    java web乱码问题原因及解决方法
    servlet笔记
    C#中App目录
  • 原文地址:https://www.cnblogs.com/bhlsheji/p/5378470.html
Copyright © 2020-2023  润新知