English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Window 객체(Window Object)는 브라우저의 창을 나타냅니다. Window 객체(Window Object)는 브라우저가 자동으로 생성합니다.
창은 브라우저의 객체이며, JavaScript의 객체가 아닙니다. JavaScript 객체는 문자열, 배열, 날짜 등입니다.
주의:HTML 문서가 프레임이나 iframe을 포함하면, 브라우저는 각 프레임에 다른 Window 객체(Window Object)를 생성합니다.
모든 전역 변수는 속성이며, 함수는 Window 객체(Window Object)의 메서드입니다.
이문서객체는 Window 객체(Window Object)의 속성입니다. 따라서 입력
window.document.write("Hello world")동일합니다:
document.write("Hello world")다음 표는 Window 객체의 속성을 나열합니다:
| 속성 | 설명 |
|---|---|
| closed | 현재 창이 닫혔는지 여부를 나타냅니다. |
| console | 지정된 콘솔 객체에 대한 참조를 반환합니다. 이 참조는 브라우저 디버깅 콘솔에 대한 접근을 제공합니다.Console 객체를 참조하세요Navigator 객체를 참조하세요 |
| defaultStatus | 지정된 창의 상태 표시줄 텍스트를 설정하거나 반환합니다. |
| document | 창에 포함된 문서에 대한 참조를 반환합니다.Document 객체를 참조하세요Navigator 객체를 참조하세요 |
| frameElement | 현재 창에 삽입된 <iframe> 요소를 반환합니다. |
| frames | 현재 창에서 모든 <iframe> 요소를 반환합니다. |
| history | 창과 연결된 히스토리 객체에 대한 참조를 반환합니다.History 객체를 참조하세요Navigator 객체를 참조하세요 |
| innerHeight | 스크롤 바가 포함된 창의 내용 영역(뷰포트)의 높이를 반환합니다. |
| innerWidth | 스크롤 바가 포함된 창의 내용 영역(뷰포트)의 너비를 반환합니다. |
| length | 현재 창에서 <iframe> 요소의 수를 반환합니다. |
| localStorage | 키를 허용합니다/웹 브라우저에 값이 저장됩니다. 만료일이 없는 데이터를 저장합니다. |
| location | location윈도우와 연결된 위치 객체에 대한 참조를 반환합니다(Navigator 객체를 참조하세요 |
| Location 객체를 참조하세요 | name |
| 윈도우 이름을 설정하거나 반환합니다 | navigator윈도우와 연결된 브라우저 객체에 대한 참조를 반환합니다(Navigator 객체를 참조하세요 |
| ) | opener |
| 윈도우를 생성한 윈도우에 대한 참조를 반환합니다 | outerHeight/스크롤바 |
| 툴바를 포함한 브라우저 윈도우의 높이를 반환합니다 | 툴바를 포함한 브라우저 윈도우의 너비를 반환합니다/스크롤바 |
| pageXOffset | 문서가 세로로 스크롤된 픽셀 수를 반환합니다 |
| pageYOffset | 문서가 가로로 스크롤된 픽셀 수를 반환합니다 |
| parent | 현재 윈도우의 부모 윈도우를 반환합니다 |
| screen | 윈도우와 연결된 스크린 객체에 대한 참조를 반환합니다(Screen 객체를 참조하세요) |
| screenLeft | 윈도우가 스크린에 대한 세로 위치를 반환합니다 |
| screenTop | 윈도우가 스크린에 대한 가로 위치를 반환합니다 |
| screenX | screenLeft별명 |
| screenY | screenTop별명 |
| scrollX | pageXOffset별명 |
| scrollY | pageYOffset별명 |
| sessionStorage | 키를 허용합니다/값은 웹 브라우저에 저장됩니다. 세션 데이터를 저장합니다 |
| self | 윈도우 객체(Window Object) 자체에 대한 객체 참조를 반환합니다 |
| status | 윈도우 상태 표시줄에 텍스트를 설정하거나 반환합니다 |
| top | 윈도우 계층 구조에서 가장 상단 윈도우에 대한 참조를 반환합니다 |
다음 표는 Window 객체의 메서드를 나열합니다：
| 메서드 | 설명 |
|---|---|
| alert() | 메시지와 '확인' 버튼을 포함한 경고 대화 상자를 표시합니다 |
| atob() | base64을 디코딩합니다-64인코딩된 문자열 |
| blur() | 현재 창에서 포커스를 떼집니다 |
| btoa() | base-64문자열을 base64로 인코딩합니다 |
| clearInterval() | setInterval()로 설정된 타이머를 클리어합니다 |
| clearTimeout() | setTimeout()로 설정된 타이머를 클리어합니다 |
| close() | 현재 창을 닫습니다 |
| confirm() | 사용자가 응답해야 할 메시지를 포함한 대화 상자를 표시합니다 |
| focus() | 현재 창에 포커스를 설정합니다 |
| getComputedStyle() | 요소에 적용된 현재 계산된 CSS 스타일을 얻습니다 |
| getSelection() | 사용자가 선택한 텍스트 범위를 나타내는 Selection 객체를 반환합니다 |
| matchMedia() | 지정된 미디어 쿼리 문자열을 나타내는 MediaQueryList 객체를 반환합니다 |
| moveBy() | 현재 위치에 대한 상대적인 위치로 윈도우를 이동 |
| moveTo() | 윈도우를 지정된 위치로 이동 |
| open() | 새 브라우저 윈도우를 엽니다 |
| print() | 현재 윈도우의 내용을 인쇄 |
| prompt() | visor에게 입력을 입력하도록 알리는 대화 상자를 표시 |
| requestAnimationFrame() | 브라우저가 다음 렌더링 전에 함수를 호출하여 애니메이션을 업데이트하도록 요청 |
| resizeBy() | 지정된 픽셀 수로 윈도우 크기를 조정 |
| resizeTo() | 윈도우의 너비와 높이를 지정된 크기로 조정 |
| scroll() | 사용을 권장하지 않습니다.이 메서드는scrollTo()메서드 대신 사용 |
| scrollBy() | 지정된 픽셀 수로 문서를 스크롤 |
| scrollTo() | 문서를 지정된 좌표로 스크롤 |
| setInterval() | 지정된 시간 간격(밀리초 단위)으로 함수를 호출하거나 코드 구간을 실행 |
| setTimeout() | 지정된 밀리초 후에 함수를 호출하거나 코드 구간을 실행 |
| stop() | 윈도우 로드 중지 |