Window 객체

Window 객체

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

문서가 프레임(frame) 또는 iframe 태그를 포함하면, 브라우저는 HTML 문서에 하나의 window 객체를 생성하고, 각 프레임에 추가로 하나의 window 객체를 생성합니다.

주석:没有应用于 window 对象的公开标准，不过所有浏览器都支持该对象。

Window 对象集合

集合 설명
frames[]

window 객체에 적용된 공개 표준은 없지만, 모든 브라우저가 이 객체를 지원합니다.

Window 객체 집합

집합

frames[] 설명
이 집합은 Window 객체의 배열로, 각 Window 객체는 창에 하나의 프레임이나 <iframe>을 포함합니다. 속성 frames.length은 배열 frames[]에 포함된 요소 수를 저장합니다. 주의하십시오. frames[] 배열에 참조된 프레임은 또 다른 프레임을 포함할 수 있습니다. 이 프레임들도 자신의 frames[] 배열을 가질 수 있습니다. Window 객체 속성
속성 closed
document 창이 닫혔는지 여부를 반환합니다. defaultStatus.
Document 객체에 대한 읽기 전용 참조입니다. 매개변수를 참조하십시오. Document 객체 History 객체.
history 창의 문서 표시 영역의 높이를 반환합니다.
innerwidth 창의 문서 표시 영역의 너비를 반환합니다.
length 창에 있는 프레임의 수를 설정하거나 반환합니다.
location 창이나 프레임의 Location 객체를 사용합니다. 참조하십시오. Location 객체.
name 창의 이름을 설정하거나 반환합니다.
Navigator Navigator 객체에 대한 읽기 전용 참조입니다. 매개변수를 참조하십시오. Navigator 객체.
opener 이 창을 생성한 창에 대한 참조를 반환합니다.
outerheight 창의 외부 높이를 반환합니다.
outerwidth 창의 외부 너비를 반환합니다.
pageXOffset 현재 페이지가 창 표시 영역의 왼쪽 상단에 대한 X 위치를 설정하거나 반환합니다.
pageYOffset 현재 페이지가 창 표시 영역의 왼쪽 상단에 대한 Y 위치를 설정하거나 반환합니다.
parent 부모 창을 반환합니다.
Screen Screen 객체에 대한 읽기 전용 참조입니다. 매개변수를 참조하십시오. Screen 객체.
self 현재 창에 대한 참조를 반환합니다. Window 속성과 동일합니다.
status 창 상태 표시줄 텍스트를 설정합니다.
top 가장 상단의 부모 창을 반환합니다.
window window 속성은 self 속성과 동일하며, 창 자신에 대한 참조를 포함합니다.
  • screenLeft
  • screenTop
  • screenX
  • screenY
 읽기 전용 정수입니다. 창의 왼쪽 상단이 화면의 x 좌표와 y 좌표에 위치합니다. IE, Safari, Opera는 screenLeft과 screenTop을 지원하며, Firefox와 Safari는 screenX과 screenY를 지원합니다.

Window 객체 메서드

메서드 설명
alert() 불러오는 메시지와 확인 버튼이 있는 경고 상자를 표시합니다.
blur() 키보드 포커스를 최상단 창에서 제거합니다.
clearInterval() setInterval()로 설정된 timeout를 취소합니다.
clearTimeout() setTimeout() 메서드로 설정된 timeout를 취소합니다.
close() 브라우저 창을 닫습니다.
confirm() 불러오는 메시지와 확인 버튼 및 취소 버튼이 있는 대화 상자를 표시합니다.
createPopup() 팝업 창을 생성합니다.
focus() 키보드 포커스를 창에 주습니다.
moveBy() 현재 창의 좌표에 상대적으로 지정된 픽셀 값을 이동합니다.
moveTo() 창의 왼쪽 상단을 지정된 좌표로 이동합니다.
open() 새 브라우저 창을 엽니다. 또는 명명된 창을 찾습니다.
print() 현재 창의 내용을 출력합니다.
prompt() 사용자가 입력할 수 있는 대화 상자를 표시합니다.
resizeBy() 지정된 픽셀 값을 기준으로 창의 크기를 조정합니다.
resizeTo() 창의 크기를 지정된 너비와 높이로 조정합니다.
scrollBy() 지정된 픽셀 값을 기준으로 내용을 스크롤합니다.
scrollTo() 내용을 지정된 좌표로 스크롤합니다.
setInterval() 지정된 주기(밀리초로 계산)에 함수나 계산 표현식을 호출합니다.
setTimeout() 지정된 밀리초 수 후에 함수나 계산 표현식을 호출합니다.

Window 객체 설명

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

또한, 현재 창 객체의 메서드를 함수로 사용할 수 있습니다. 예를 들어, alert()만 써도 됩니다. Window.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 메서드다른 경우, 간단한 대화 상자를 통해 사용자와 상호작용합니다.