Window.innerWidth

브라우저 윈도우의 뷰포트 너비로, 수직 스크롤바가 존재한다면 포함합니다.

구문

var intViewportWidth = window.innerWidth;

Value

intViewportWidth stores the window.innerWidth property value.

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

참고

innerWidth 값은 window, frame, frameset이나 다른 윈도우들처럼 모든 window 형식의 객체에서 사용할 수 있습니다.

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

예제

// 다음과 같이 뷰포트의 폭을 받아올 수 있습니다.
var intFrameWidth = window.innerWidth;

// 다음과 같이 frameset 안의 어떤 frame의 뷰포트 폭을 받아올 수 있습니다.
var intFrameWidth = self.innerWidth;

// 다음과 같이 가장 가까운 frameset의 뷰포트 폭을 받아올 수 있습니다.
var intFramesetWidth = parent.innerWidth;

// 다음과 같이 가장 바깥쪽 프레임셋의 뷰포트 폭을 받아올 수 있습니다.
var intOuterFramesetWidth = top.innerWidth;

윈도우의 사이즈를 변경하려면, window.resizeBy (en-US) 또는 window.resizeTo를 참조하세요.

명세

Specification
CSSOM View Module
# dom-window-innerwidth

브라우저 호환성

BCD tables only load in the browser

참고 자료