日期:2014-05-16  浏览次数:20521 次

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>