Screen info
Show the value of screen information in javascript.
window
| innerWidth The interior width of the window (include scroll bar) | |
| innerHeight The interior height of the window (include scroll bar) | |
| outerWidth The width of the outside of the browser window | |
| outerHeight The height of the outside of the browser window | |
| screenX The distance of browser window to the left side of the screen | |
| screenY The distance of browser window to the top edge of the screen | |
| scrollX The document is currently scrolled horizontally | |
| scrollY The document is currently scrolled vertically | |
| scrollMaxX The maximum of document can be scrolled horizontally | |
| scrollMaxY The maximum of document can be scrolled vertically |
screen
| width The width of the screen | |
| height The height of the screen | |
| availWidth The available width for browser window on the screen | |
| availHeight The available height for browser window on the screen | |
| availLeft The distance of available spache to the left side of the screen | |
| availTop The distance of available spache to the top edge of the screen | |
| colorDepth The color depth of the screen | |
| pixelDepth The bit depth of the screen |
documentElement
| offsetWidth The width of the element | |
| offsetHeight The height of the element | |
| offsetLeft The distance of the element to the left side of parent element | |
| offsetTop The distance of the element to the top edge of parent element | |
| clientWidth The inner width of the element | |
| clientHeight The inner height of the element | |
| clientTop The width of the left border of the element | |
| clientLeft The height of the top border of the element | |
| scrollWidth | |
| scrollHeight | |
| scrollLeft | |
| scrollTop | |
| scrollLeftMax | |
| scrollTopMax |
body
| offsetWidth The width of the element | |
| offsetHeight The height of the element | |
| offsetTop The distance of the element to the left side of parent element | |
| offsetLeft The distance of the element to the top edge of parent element | |
| clientWidth The inner width of the element | |
| clientHeight The inner height of the element | |
| clientLeft The width of the left border of the element | |
| clientTop The height of the top border of the element | |
| scrollWidth | |
| scrollHeight | |
| scrollLeft | |
| scrollTop | |
| scrollLeftMax | |
| scrollTopMax |