获取屏幕、当前网页和浏览器窗口的大小

Question

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

转载于:https://stackoverflow.com/questions/3437786/get-the-size-of-the-screen-current-web-page-and-browser-window

Answer 1

If you are using jQuery, you can get the size of the window or the document using jQuery methods:

$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document (same as pageHeight in screenshot)
$(window).width();   // returns width of browser viewport
$(document).width(); // returns width of HTML document (same as pageWidth in screenshot)

For screen size you can use the screen object in the following way:

screen.height;
screen.width;