Window.innerWidth

Width (in pixels) of the browser window viewport including, if rendered, the vertical scrollbar.

Syntax

var intViewportWidth = window.innerWidth;

Value

intViewportWidth stores the window.innerWidth property value.

The window.innerWidth property is read only; it has no default value.

Notes

The innerWidth property is supported in any window object like a window, a frame, a frameset, or a secondary window.

There is an algorithm to obtain the width of the viewport excluding, if rendered, the vertical scrollbar.

Example

// This will return the width of the viewport
var intFrameWidth = window.innerWidth;

// This will return the width of the frame viewport within a frameset
var intFrameWidth = self.innerWidth;

// This will return the width of the viewport of the closest frameset
var intFramesetWidth = parent.innerWidth;

// This will return the width of the viewport of the outermost frameset
var intOuterFramesetWidth = top.innerWidth;

To change the size of a window, see window.resizeBy and window.resizeTo.

Specification

Browser compatibility

See also

• window.outerWidth
• window.innerHeight
• window.outerHeight