js实现高度自适应
2012-03-06 23:23
316 查看
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>js实现的自适应高度</title> <style type="text/css"> * { margin:0px; padding:0px; } html, body { height:100%; } #body { height:100%; } #header { height:65px; background:#CDCDCD; } #menu{ height:30px; background:#999; margin-top:0px; } #content { margin-right:300px; overflow:auto; background:#FFFFCC; } #sidebar { width:300px; float:right; background:green; } </style> <script> function windowHeight() { var de = document.documentElement; return self.innerHeight||(de && de.clientHeight)||document.body.clientHeight; } window.onload=window.onresize=function(){ var wh=windowHeight(); document.getElementById("content").style.height = document.getElementById("sidebar").style.height = (wh-document.getElementById("header").offsetHeight-document.getElementById("menu").offsetHeight)+"px"; } </script> </head> <body> <div id="body" class="clear"> <div id="header">头部</div> <div id="menu">中部</div> <div id="sidebar" style="height: 547px; "> </div> <div id="content" style="height: 547px; "> </div> </div> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script src="./js实现的自适应高度_files/ga.js" type="text/javascript"> </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-3448069-1"); pageTracker._trackPageview(); } catch(err) {} </script> </body> </html>
相关文章推荐
- JS实现iframe自适应高度的方法(兼容IE与FireFox)
- js实现自适应浏览器的高度和宽度
- js实现textarea根据内容大小自适应高度
- JS实现自适应高度表单文本框的方法
- JS实现iframe自适应高度的方法示例
- js 实现2列 div 自适应高度
- js实现的真正的iframe高度自适应(兼容IE,FF,Opera)
- iframe自适应加载页面高度-js实现(转载)
- Jquery与JS两种方法仿twitter/新浪微博 高度自适应无缝滚动实现代码
- Jquery与JS两种方法仿twitter/新浪微博 高度自适应无缝滚动实现代码
- js实现textarea自适应高度
- jquery/js实现文本框根据输入内容input,textarea自适应高度
- 使用div模拟textarea,实现文本输入框高度自适应(附:js控制textarea实现文本输入框高度自适应)
- js实现iframe自适应高度
- JS实现iframe框架自适应高度
- JS实现iframe自适应高度
- JS实现iframe自适应高度的方法(兼容IE与FireFox)
- 非js实现iframe高度自适应实现
- jquery采用JS实现高度自适应问题