현재 번역은 완벽하지 않습니다. 한국어로 문서 번역에 동참해주세요.
요약
브라우저 윈도우의 뷰포트 폭은 수직 스크롤바(존재한다면)도 포함합니다.
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.