js让一行页脚保持在底部_javascript技巧

测了一下，还可以，在IE6、IE7、FIREOFX等都没有问题！ 窗口缩小时也没有问题！

复制代码 代码如下:

<script> <BR>function test(){ <BR> var infoHeight = document.getElementById("info").scrollHeight; <BR> var bottomHeight = document.getElementById("bottom").scrollHeight; <BR> var allHeight = document.documentElement.clientHeight; <br><br> var bottom = document.getElementById("bottom"); <BR> if((infoHeight + bottomHeight) < allHeight){ <BR> bottom.style.position = "absolute"; <BR> bottom.style.bottom = "0"; <BR> }else{ <BR> bottom.style.position = ""; <BR> bottom.style.bottom = ""; <BR> } <br><br> setTimeout(function(){test();},10); <BR>} <BR>test(); <BR></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>www.jb51.net 脚本之家</title> <style> *{ margin:0; padding:0} #info{background:#33CCFF} #bottom{background:#FFCC00;width:100%;} </style> <div id="info"> 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 20000</div> <div id="bottom">bottom</div> <script language="JavaScript" type="text/javascript"> function test(){ var infoHeight = document.getElementById("info").scrollHeight; var bottomHeight = document.getElementById("bottom").scrollHeight; var allHeight = document.documentElement.clientHeight; var bottom = document.getElementById("bottom"); if((infoHeight + bottomHeight) < allHeight){ bottom.style.position = "absolute"; bottom.style.bottom = "0"; }else{ bottom.style.position = ""; bottom.style.bottom = ""; } setTimeout(function(){test();},10); } test(); </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]