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>