MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

Window.innerWidth

현재 번역은 완벽하지 않습니다. 한국어로 문서 번역에 동참해주세요.

요약

브라우저 윈도우의 뷰포트 폭은 수직 스크롤바(존재한다면)도 포함합니다.

Note: 사용한다면, nsIDOMWindowUtils.setCSSViewport() to set the virtual window size for page layout purposes, the value returned by this property corresponds to the viewport width set using that method.

문법

var intViewportWidth = window.innerWidth;

Value

intViewportWidth 는 window.innerWidth 의 속성 값을 저장하게 됩니다.

window.innerWidth 속성은 읽기 전용이고, 기본값은 없습니다.

Notes

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 또는 window.resizeTo를 참조하세요.

표준 정보

DOM Level 0. Not part of any W3C technical specification or recommendation.

브라우저 호환성

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1 1.0 (1.7 or earlier) 9 9 3
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 1 1.0 (1.0) 9 9 3

Gecko note

Since Firefox 4 to Firefox 24, this property was buggy and could give a wrong value before page load on certain circumstances, see bug 641188.

참고 자료

문서 태그 및 공헌자

 이 페이지의 공헌자: pi1992, minuJeong
 최종 변경: pi1992,