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 Status Comment
CSS Object Model (CSSOM) View Module
The definition of 'window.innerWidth' in that specification.
Working Draft Initial definition

브라우저 호환성

BCD tables only load in the browser

참고 자료