Window 객체

Window 객체

window 객체는 브라우저에서 열린 창을 나타냅니다.

문서가 프레임(<iframe> 태그)를 포함하면, 브라우저는 HTML 문서에 창 객체를 생성하고, 각 프레임에 추가적인 창 객체를 생성합니다.

Window 객체 속성

객체 설명
closed 창이 닫혔는지 여부를 반환합니다.
console 윈도우의 Console 객체.
defaultStatus 사용을 중단했습니다。창 상태 표시줄에 기본 텍스트를 설정하거나 반환합니다.
document 윈도우의 Document 객체.
frameElement 창에서 실행 중인 프레임을 반환합니다.
frames 창에서 실행 중인 모든 창 객체를 반환합니다.
history 윈도우의 History 객체.
innerHeight 창의 문서 표시区的 높이를 반환합니다.
innerWidth 창의 문서 표시区的 너비를 반환합니다.
length 현재 창에서 <iframe> 요소의 수를 반환합니다.
localStorage 웹 브라우저에서 키/값 쌍을 저장할 수 있습니다. 만료 일자가 없는 데이터를 저장합니다.
location 윈도우의 Location 객체.
name 창의 이름을 설정하거나 반환합니다.
navigator 윈도우의 Navigator 객체.
opener 창을 생성한 창에 대한 참조를 반환합니다.
outerHeight 툴바/스크롤바를 포함한 브라우저 창의 높이를 반환합니다.
outerWidth 툴바/스크롤바를 포함한 브라우저 창의 너비를 반환합니다.
pageXOffset 현재 문서가 창의 왼쪽 상단(수평)으로 스크롤된 픽셀 수를 반환합니다.
pageYOffset 현재 문서가 창의 왼쪽 상단(수직)으로 스크롤된 픽셀 수를 반환합니다.
부모 현재 윈도우의 부모 윈도우를 반환합니다。
screen 윈도우의 Screen 객체.
screenLeft 윈도우가 화면에 대한 수평 좌표를 반환합니다。
screenTop 윈도우가 화면에 대한 수직 좌표를 반환합니다。
screenX 윈도우가 화면에 대한 수평 좌표를 반환합니다。
screenY 윈도우가 화면에 대한 수직 좌표를 반환합니다。
sessionStorage Web 브라우저에서 키/밸류 쌍을 저장할 수 있습니다. 세션 데이터를 저장합니다。
scrollX pageXOffset 별명입니다。
scrollY pageYOffset 별명입니다。
self 현재 윈도우를 반환합니다。
status 사용을 피하도록 하세요.
top 가장 상단의 브라우저 윈도우를 반환합니다。

Window 객체 메서드

메서드 설명
alert() 메시지와 확인 버튼이 포함된 경고 상자(대화 상자)를 표시합니다。
atob() base-64 인코딩된 문자열을 디코딩합니다。
blur() 현재 윈도우에서 포커스를 제거합니다。
btoa() base-64로 문자열을 인코딩합니다。
clearInterval() setInterval()로 설정된 타이머를 지우는 것을 중단합니다。
clearTimeout() setTimeout()로 설정된 타이머를 지우는 것을 중단합니다。
close() 현재 윈도우를 닫습니다。
confirm() 메시지와 확인 및 취소 버튼이 포함된 대화 상자를 표시합니다。
focus() 현재 윈도우에 포커스를 설정합니다。
getComputedStyle() CSS 스타일을 적용한 문서 요소를 결정합니다。
getSelection() 사용자가 선택한 텍스트 범위를 나타내는 Selection 객체를 반환합니다。
matchMedia() 지정된 CSS 미디어 쿼리 문자열을 나타내는 MediaQueryList 객체를 반환합니다。
moveBy() 현재 위치에 대해 윈도우를 이동합니다。
moveTo() 윈도우를 지정된 위치로 이동합니다。
open() 새 브라우저 윈도우를 엽니다。
print() 현재 윈도우의 내용을 출력합니다。
prompt() 단순한 문자열을 입력하도록 대화 상자를 요청합니다。
requestAnimationFrame() 다음 렌더링 전에 함수를 호출하여 애니메이션을 업데이트하도록 요청합니다。
resizeBy() 지정된 픽셀로 윈도우 크기를 조정합니다。
resizeTo() 윈도우 크기를 지정된 너비와 높이로 조정합니다。
scroll() 사용을 중단했습니다。이 메서드는 이미 scrollTo() 메서드 대체됩니다。
scrollBy() 지정된 픽셀 수로 문서를 스크롤합니다。
scrollTo() 문서를 지정된 좌표로 스크롤합니다。
setInterval() 지정된 코드를 주기적으로 실행합니다。
setTimeout() 지정된 시간이 지나면 코드를 실행합니다。
stop() 창을 로드 중지합니다。

Window 객체 설명

Window 객체는 브라우저 창이나 프레임을 나타냅니다. 클라이언트 JavaScript에서, Window 객체는 전역 객체이며, 모든 표현식은 현재 환경에서 계산됩니다. 즉, 현재 창을 참조하려면 특별한 문법이 필요하지 않으며, 해당 창의 속성을 전역 변수로 사용할 수 있습니다. 예를 들어, document또는 window.document를 쓰지 않고.

또한, 현재 창 객체의 메서드를 함수로 사용할 수 있습니다. 예를 들어, Window.alert()을 쓰지 않고 alert()만 쓸 수 있습니다.

위에 나열된 속성과 메서드 외에도 Window 객체는 JavaScript의 핵심 기능에 정의된 모든 전역 속성과 메서드를 구현합니다.

Window 객체의 window 속성과 self 속성참조하는 것은 모두 자기 자신입니다. 현재 창을 명확하게 참조하고 싶을 때, 숨겨진 참조만을 하지 않을 때, 이 두 속성을 사용할 수 있습니다. 이 두 속성 외에도 parent 속성, top 속성 및 frame[] 배열은 현재 Window 객체와 관련된 다른 Window 객체를 참조합니다.

창中的一个 프레임을 참조하려면 다음과 같은 문법을 사용할 수 있습니다：

frame[i]		// 현재 창의 프레임
self.frame[i]	// 현재 창의 프레임
w.frame[i]	// 창 w의 프레임

프레임의 부모 창(또는 부모 프레임)을 참조하려면 다음과 같은 문법을 사용할 수 있습니다：

parent		// 현재 창의 부모 창
self.parent	// 현재 창의 부모 창
w.parent 		// 창 w의 부모 창

최상위 창이 포함하는 프레임의任何一个을 참조하려면 다음과 같은 문법을 사용할 수 있습니다：

top		// 현재 프레임의 최상위 창
self.top		// 현재 프레임의 최상위 창
f.top		// 프레임 f의 최상위 창

새로운 최상위 브라우저 창은 Window.open() 메서드로 생성됩니다. 이 메서드를 호출할 때, open() 호출의 반환 값을 변수에 저장한 후 그 변수를 사용하여 새 창을 참조해야 합니다. 새 창의 opener 속성그 창을 엽니다.

一般来说，Window 객체의 메서드는 브라우저 창이나 프레임에 어떤 작업을 수행합니다. 그리고 alert() 메서드、confirm() 메서드와 prompt 메서드다르며, 그들은 간단한 대화 상자를 통해 사용자와 상호작용합니다.