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

来源:互联网 发布:网络用语咸鱼什么意思 编辑:程序博客网 时间:2024/05/18 03:27

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

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

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

window.innerWidthwindow.innerHeight



获取显示器分辨率大小

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




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

document.body.offsetWidthdocument.body.offsetHeight




原创粉丝点击