JavaScript : How to get the window width and height?

Question

I want to get the window height and width including Address bar , status bar,etc...

How can I get the window full height and width as shown in the picture below ?

enter image description here

Note : I know about the window.innerHeight and window.innerWidth . It does not suits for this scenario. window.innerHeight is used to get the DOM height only.outerWidth also does not gives what I have want.

Hope our stack users will give a good solution with cross browser compatibility.

Jquery can be a solution. Read this answer http://stackoverflow.com/questions/2596594/jquery-window-width-and-window-height-return-different-values-when-vie — mirmdasif, Apr 08 '14 at 06:47

Amit Joki · Accepted Answer · 2014-04-08T06:45:27.277

17

use this if you want without scrollbars etc.. :

window.innerHeight; // for height

window.innerWidth; // for width

else in your case, if you want it full, use the below.

window.outerHeight; // for height

window.outerWidth; // for width

edited Apr 08 '14 at 06:45

answered Apr 08 '14 at 06:40

Amit Joki

58,320
7
77
95

Rakesh Shetty · Answer 2 · 2014-04-08T06:56:40.207

-1

How about using jQuery Fiddle

$(window).width();

$(window).height();

Source jQuery Window Width

edited Apr 08 '14 at 06:56

answered Apr 08 '14 at 06:48

Rakesh Shetty

4,548
7
40
79

JavaScript : How to get the window width and height?

2 Answers2