JS获取各种屏幕的宽度和高度

JS获取各种屏幕的宽度和高度

描述用法网页可见区域宽document.body.clientWidth网页可见区域高document.body.clientHeight网页可见区域宽document.body.offsetWidth (包括边线的宽)网页可见区域高document.body.offsetHeight (包括边线的高)网页正文全文宽document.body.scrollWidth网页正文全文高document.body.scrollHeight网页被卷去的高document.body.scrollTop网页被卷去的左document.body.scrollLeft网页正文部分上window.screenTop网页正文部分左window.screenLeft屏幕分辨率的高window.screen.height屏幕分辨率的宽window.screen.width屏幕可用工作区高度window.screen.availHeight屏幕可用工作区宽度window.screen.availWidth

client与offset为只读属性，scroll为可读写属性

属性说明clientWidth获取元素可视部分的宽度，即 CSS 的 width 和 padding 属性值之和，元素边框和滚动条不包括在内，也不包含任何可能的滚动区域clientHeight获取元素可视部分的高度，即 CSS 的 height 和 padding 属性值之和，元素边框和滚动条不包括在内，也不包含任何可能的滚动区域offsetWidth元素在页面中占据的宽度总和，包括 width、padding、border 以及滚动条的宽度offsetHeight元素在页面中占据的高度总和，包括 height、padding、border 以及滚动条的宽度scrollWidth当元素设置了 overflow:visible 样式属性时，元素的总宽度，也称滚动宽度。在默认状态下，如果该属性值大于 clientWidth 属性值，则元素会显示滚动条，以便能够翻阅被隐藏的区域scrollHeight当元素设置了 overflow:visible 样式属性时，元素的总高度，也称滚动高度。在默认状态下，如果该属性值大于 clientWidth 属性值，则元素会显示滚动条，以便能够翻阅被隐藏的区域