特效代码 订阅所有特效代码的日志

自动适应浏览器高度的DIV（iframe）代码

作者:admin 日期:2009-07-02

字体大小: 小 中 大

自动适应浏览器高度的DIV（iframe）代码

XML/HTML代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml" >  
  3. <head >  
  4.   
  5.     <title>Administrator</title>  
  6.   
  7.   
  8.        
  9.     <script language="javascript" type="text/javascript">  
  10.   
  11.             
  12.   
  13.        
  14. function test(){   
  15.  var infoHeight = document.getElementById("info").clientHeight;    
  16.  var info=document.getElementById("info");   
  17.   
  18.  var bottomHeight = document.getElementById("bottom").clientHeight;   
  19.  var allHeight = document.documentElement.clientHeight;   
  20.   
  21.  var bottom = document.getElementById("bottom");   
  22.  var zz = allHeight-bottomHeight-50;   
  23.  if(zz>0){   
  24.     info.style.height =zz+"px";   
  25.  }   
  26.  setTimeout(function(){test();},10);   
  27. }   
  28.   
  29.   
  30.   
  31.     </script>  
  32. </head>  
  33. <body onload="test();" style="margin:0 0 0 0;font-size:12px">  
  34.     <form id="form1" runat="server">  
  35.   
  36. <div id="info"  style="overflow-y: scroll;overflow-x:hidden ;width:100%;border:solid 1px #aaa">  
  37. asdasd<br />  
  38. asdasd<br />  
  39. asdasd<br />  
  40. asdasd<br />  
  41. asdasd<br />  
  42. asdasd<br />asdasd<br />  
  43. asdasd<br />asdasd<br />  
  44. asdasd<br />asdasd<br />  
  45. asdasd<br />asdasd<br />  
  46. asdasd<br />asdasd<br />  
  47. asdasd<br />asdasd<br />  
  48. asdasd<br />asdasd<br />  
  49. asdasd<br />asdasd<br />  
  50. asdasd<br />asdasd<br />  
  51. asdasd<br />asdasd<br />  
  52. asdasd<br />asdasd<br />  
  53. asdasd<br />asdasd<br />  
  54. asdasd<br />asdasd<br />  
  55. asdasd<br />asdasd<br />  
  56. asdasd<br />asdasd<br />  
  57. asdasd<br />asdasd<br />  
  58. asdasd<br />asdasd<br />  
  59. asdasd<br />asdasd<br />  
  60. asdasd<br />  
  61. </div>  
  62.         <div id="bottom" align="center" style="height:1px" >asasd   
  63.            </div>  
  64.     </form>  
  65. </body>  
  66. <html>  

 


文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论
昵　称:
密　码: 游客发言不需要密码.
内　容:
验证码: 验证码
选　项:

虽然发表评论不用注册，但是为了保护您的发言权，建议您注册帐号.