JS獲取各種屏幕的寬度和高度
| 描述 | 用法 |
|---|---|
| 網(wǎng)頁可見區(qū)域?qū)?/td> | document.body.clientWidth |
| 網(wǎng)頁可見區(qū)域高 | document.body.clientHeight |
| 網(wǎng)頁可見區(qū)域?qū)?/td> | document.body.offsetWidth (包括邊線的寬) |
| 網(wǎng)頁可見區(qū)域高 | document.body.offsetHeight (包括邊線的高) |
| 網(wǎng)頁正文全文寬 | document.body.scrollWidth |
| 網(wǎng)頁正文全文高 | document.body.scrollHeight |
| 網(wǎng)頁被卷去的高 | document.body.scrollTop |
| 網(wǎng)頁被卷去的左 | document.body.scrollLeft |
| 網(wǎng)頁正文部分上 | window.screenTop |
| 網(wǎng)頁正文部分左 | window.screenLeft |
| 屏幕分辨率的高 | window.screen.height |
| 屏幕分辨率的寬 | window.screen.width |
| 屏幕可用工作區(qū)高度 | window.screen.availHeight |
| 屏幕可用工作區(qū)寬度 | window.screen.availWidth |
client與offset為只讀屬性，scroll為可讀寫屬性
| 屬性 | 說明 |
|---|---|
| clientWidth | 獲取元素可視部分的寬度，即 CSS 的 width 和 padding 屬性值之和，元素邊框和滾動條不包括在內(nèi)，也不包含任何可能的滾動區(qū)域 |
| clientHeight | 獲取元素可視部分的高度，即 CSS 的 height 和 padding 屬性值之和，元素邊框和滾動條不包括在內(nèi)，也不包含任何可能的滾動區(qū)域 |
| offsetWidth | 元素在頁面中占據(jù)的寬度總和，包括 width、padding、border 以及滾動條的寬度 |
| offsetHeight | 元素在頁面中占據(jù)的高度總和，包括 height、padding、border 以及滾動條的寬度 |
| scrollWidth | 當元素設置了 overflow:visible 樣式屬性時，元素的總寬度，也稱滾動寬度。在默認狀態(tài)下，如果該屬性值大于 clientWidth 屬性值，則元素會顯示滾動條，以便能夠翻閱被隱藏的區(qū)域 |
| scrollHeight | 當元素設置了 overflow:visible 樣式屬性時，元素的總高度，也稱滾動高度。在默認狀態(tài)下，如果該屬性值大于 clientWidth 屬性值，則元素會顯示滾動條，以便能夠翻閱被隱藏的區(qū)域 |
文章來源地址http://www.zghlxwxcb.cn/news/detail-427002.html
文章來源：http://www.zghlxwxcb.cn/news/detail-427002.html
到了這里，關于JS獲取各種屏幕的寬度和高度的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
