Window

Baseline

Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015년 7월.

* Some parts of this feature may have varying levels of support.

See full compatibility
Learn more

Window 인터페이스는 DOM 문서를 담은 창을 나타냅니다. document 속성이 창에 불러온 DOM 문서를 가리킵니다.

주어진 문서의 창은 document.defaultView를 사용해 접근할 수 있습니다.

현재 스크립트가 작동 중인 창을 나타내는 전역 변수 window를 JavaScript 코드에서 접근할 수 있습니다.

Window 인터페이스는 다양한 함수, 이름공간, 객체, 생성자가 머무는 장소입니다. 그 중엔 사용자 인터페이스로서의 창 개념과는 직접 관련되지 않은 것도 존재하며, 대신 전역적으로 접근할 수 있어야 하는 항목에 적합합니다. 많은 수의 항목이 JavaScript 참고서와 DOM 참고서에 문서화되어 있습니다.

탭 기능이 있는 브라우저에서는 각각의 탭을 각각의 Window 객체로 나타냅니다. 주어진 탭에서 동작 중인 JavaScript 코드의 전역 window 객체는 항상 자신의 탭을 나타냅니다. 그렇지만 resizeTo()와 innerHeight처럼, 일부 속성과 메서드는 탭이 아니라 창에 적용됩니다. 보통 탭과 합리적으로는 연관 지을 수 없는 경우 창에 속합니다.

인스턴스 속성

EventTarget 인터페이스의 속성을 상속합니다.

Window.caches 읽기 전용: 현재 컨텍스트와 연관된 CacheStorage 객체를 반환합니다. CacheStorage는 오프라인에서의 사용을 위한 자산 저장과, 요청에 대한 사용자 정의 응답을 생성할 때 사용할 수 있습니다.
Window.clientInformation 읽기 전용: Window.navigator의 별칭입니다.
Window.closed 읽기 전용: 현재 창이 닫혔는지 나타냅니다.
Window.console 읽기 전용: 브라우저 디버깅 콘솔에 접근할 수 있는 콘솔 객체를 반환합니다.
Window.credentialless 읽기 전용: 현재 문서가 자격 증명 없는 <iframe> 내에서 불러와졌는지 나타내는 불리언입니다. IFrame credentialless에서 자세한 정보를 확인하세요.
Window.crypto 읽기 전용: 브라우저 암호화 객체를 반환합니다.
Window.customElements 읽기 전용: 새로운 사용자 정의 요소를 등록하거나 이전에 등록한 요소에 대한 정보를 얻을 수 있는, CustomElementRegistry 객체의 참조를 반환합니다.
Window.devicePixelRatio 읽기 전용: 현재 화면에서의 물리적 픽셀과 CSS 픽셀의 비율을 반환합니다.
Window.document 읽기 전용: 창이 포함하는 문서로의 참조를 반환합니다.
Window.frameElement 읽기 전용: 이 창을 삽입했을 때 사용한 요소를 반환합니다. 창이 문서 내에 삽입된 것이 아니면 null을 반환합니다.
Window.frames 읽기 전용: 현재 창의 하위 프레임을 배열로 반환합니다.
Window.fullScreen: 현재 창을 전체 화면으로 보여주고 있는지 나타냅니다.
Window.history 읽기 전용: History 객체 참조를 반환합니다.
Window.indexedDB 읽기 전용: 인덱싱된 데이터베이스로의 비동기적 접근 기능을 제공하는 IDBFactory 객체를 반환합니다.
Window.innerHeight 읽기 전용: 브라우저 창의 콘텐츠 영역 높이를 반환합니다. 수평 스크롤바가 존재하면 그 높이도 포함합니다.
Window.innerWidth 읽기 전용: 브라우저 창의 콘텐츠 영역 너비를 반환합니다. 수직 스크롤바가 존재하면 그 높이도 포함합니다.
Window.isSecureContext 읽기 전용: 현재 컨텍스트가 안전한지 (true) 안전하지 않은지 (false) 나타내는 불리언을 반환합니다.
Window.launchQueue 읽기 전용: PWA에서, launch_handler client_mode의 값이 focus-existing, navigate-new, navigate-existing 중 하나라면, launchQueue는 LaunchQueue 클래스로의 접근을 제공합니다. LaunchQueue를 활용하면 PWA의 실행 탐색 처리를 직접 구현할 수 있습니다.
Window.length 읽기 전용: 창 내의 프레임 수를 반환합니다. window.frames도 확인하세요.
Window.location: 창의 위치, 즉 현재 URL을 가져오거나 설정합니다.
Window.locationbar 읽기 전용: locationbar 객체를 반환합니다.
Window.localStorage 읽기 전용: 현재 출처에서만 접근하여 데이터를 저장할 수 있는 로컬 저장소 객체를 반환합니다.
Window.menubar 읽기 전용: menubar 객체를 반환합니다.
Window.mozInnerScreenX 읽기 전용: 창의 뷰포트 왼쪽 위 꼭짓점 X축 좌표를 화면 좌표계 기준으로 반환합니다. 이 값은 CSS 픽셀 단위입니다. 화면 픽셀로 변환이 필요하면 nsIDOMWindowUtils의 mozScreenPixelsPerCSSPixel에서 변환비를 가져올 수 있습니다.
Window.mozInnerScreenY 읽기 전용