读书人

js动态获取窗口大小解决思路

发布时间: 2012-02-11 09:51:35 作者: rapoo

js动态获取窗口大小
我想根据用户浏览器的窗口大小,判断是是否显示侧边栏,用了以下代码:

JScript code
<script type="text/javascript">function show(){    var w = document.body.clientWidth;       if (w < 980)        document.getElementById('sidebar').style.display = 'none';}window.onload  = show</script>


也就是说当用户打开网页时,就会判断用户浏览器的窗口宽度是否小于980px,是则不显示侧边栏。但是这样的判断只在窗口打开的时候进行一次,在用户浏览该网页的过程中可能会手动改变窗口大小,如最大化。

我想让程序根据用户浏览器窗口宽度的变化,自动地 显示 / 隐藏 侧边栏,能否做到?



[解决办法]
<script type="text/javascript">
function show()
{
var w = document.body.clientWidth;

if (w < 980){
document.getElementById('sidebar').style.display = 'none';
}
else{
document.getElementById('sidebar').style.display = 'block';
}

}
window.onload = show;
window.onresize = show;
</script>

读书人网 >JavaScript

热点推荐