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


  • 相关阅读:
    面试题9:斐波那契数列
    面试题5:从尾到头打印链表
    面试题4:替换空格
    AOP
    (转)父类与子类之间变量和方法的调用
    悲观锁和乐观锁
    Java实现冒泡排序、折半查找
    (转载)Java 自动装箱与拆箱、equals和==的比较
    编程之美:数组分割
    windows下perl的安装和脚本的运行
  • 原文地址:https://www.cnblogs.com/bhlsheji/p/5378470.html
Copyright © 2020-2023  润新知