js中获取浏览器可视窗口大小

获取可视窗口大小(也就是减去顶部和底部,页面中的区域,不包括滚动条)

document.documentElement.clientHeight;//可视区域高度
document.documentElement.clientWidth;//可视区域宽度

可视区域另一种写法(包括滚动条),虽然也可行,但还是推荐第一种。第二种貌似ie有点问题

window.innerWidth
window.innerHeight



获取显示器分辨率大小

alert(window.screen.height);
alert(window.screen.width);




同样可视区域(但包括margin和padding),一开始在1920分辨率下的offsetWidth为1904,是因为默认网页的左右都有8的margin,所以如果没有全文设置margin:0的话则为1904,Height为0的话是因为body没有任何内容。

document.body.offsetWidth
document.body.offsetHeight




你可能感兴趣的:(JavaScript)