您的位置:首页 > Web前端 > JavaScript

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

2017-09-19 22:21 399 查看
获取可视窗口大小(也就是减去顶部和底部,页面中的区域,不包括滚动条)

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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: