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 |