js中获取浏览器可视窗口大小
2017-09-19 22:21
399 查看
获取可视窗口大小(也就是减去顶部和底部,页面中的区域,不包括滚动条)
可视区域另一种写法(包括滚动条),虽然也可行,但还是推荐第一种。第二种貌似ie有点问题
获取显示器分辨率大小
同样可视区域(但包括margin和padding),一开始在1920分辨率下的offsetWidth为1904,是因为默认网页的左右都有8的margin,所以如果没有全文设置margin:0的话则为1904,Height为0的话是因为body没有任何内容。
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
相关文章推荐
- js获取各种浏览器窗口可视部分大小(可视部分不包含工具栏、标签栏等)
- js获取浏览器窗口可视区域大小
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- 【小技巧】JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- JS 获取浏览器窗口大小
- js获取浏览器窗口的大小
- JS 获取浏览器窗口大小--获取屏幕、浏览器、网页高度宽度及经典示例
- Javascript进阶篇——(DOM—节点---获取浏览器窗口可视区域大小+获取网页尺寸)—笔记整理
- JS获取浏览器窗口大小、获取屏幕、浏览器、网页高度宽度
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- js获取当前浏览器窗口大小
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度。判断出现滚动条
- JS 获取浏览器窗口大小clientWidth、offsetWidth、scrollWidth
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度[转]