Get the size of the screen, current web page and browser window

cross-browser, html, javascript, jquery, layout

Solution

These days, for screen size you can use the `screen` object:

window.screen.height;
window.screen.width;

Legacy

You can get the size of the window or document with jQuery:

// Size of browser viewport.
$(window).height();
$(window).width();

// Size of HTML document (same as pageHeight/pageWidth in screenshot).
$(document).height();
$(document).width();

Problem

How can I get `windowWidth`, `windowHeight`, `pageWidth`, `pageHeight`, `screenWidth`, `screenHeight`, `pageX`, `pageY`, `screenX`, `screenY` which will work in all major browsers?

Original source

Related problems