js获取浏览器屏幕高度、宽度等

初始数据

——窗口文档显示区宽(IE 8 及更早 IE版本不支持)

window.innerWidth;  // 结果:1366

——窗口文档显示区高(IE 8 及更早 IE版本不支持)

window.innerHeight;  // 结果:672

——网页可见区域宽(body)

document.body.clientWidth;  // 结果:1348

——网页可见区域高(body)

document.body.clientHeight;  // 结果:0

——网页可见区域整体宽(body),包括border、margin等

document.body.offsetWidth;  // 结果:1350

——网页可见区域整体高(body),包括border、margin等

document.body.offsetHeight;  // 结果:2

——网页正文全文宽,包括有滚动条时的未见区域

document.body.scrollWidth;  // 结果:1366

——网页正文全文高,包括有滚动条时的未见区域

document.body.scrollHeight;  // 结果:672

——屏幕分辨率宽

window.screen.width;  // 结果:1366

——屏幕分辨率高

window.screen.height;  // 结果:768

——屏幕可用工作区宽

window.screen.availWidth;  // 结果:1366

——屏幕可用工作区高

window.screen.availHeight;  // 结果:738

——网页被卷去的上

document.body.scrollTop;  // 结果:0

——网页被卷去的左

document.body.scrollLeft;  // 结果:0

——浏览器距离上

window.screenTop;  // 结果:0

——浏览器距离左

window.screenLeft;  // 结果:0
posted @ 2018-03-28 11:00  一个点的未来  阅读(777)  评论(0编辑  收藏  举报