[JS] Object | 01. Window 객체

Window는 브라우저와 관련된 객체 중 가장 큰 객체입니다.

하나의 document에는 하나의 window 객체가 있습니다.

만약 문서 안에 또 다른 문서가 포함되어 있는 구조라면, window 객체도 두 개가 존재하게 됩니다.

문서 안에 문서를 포함하는 구조는 HTML의 <iframe> 태그를 통해 구현할 수 있습니다.

1. 참조

각 window 객체는 다른 window에서부터 다음과 같이 참조할 수 있습니다.

객체	참조
winname = window.open( );	새로 연 창
window.top	최상위 프레임
window.parent	바로 위 프레임
window.self	자신 (=window)
window.opener	window.open( ) 으로 새 창을 열고 그 window

2. 열기

window.open( )을 사용해 새로운 window 창을 열 수 있습니다.

함수	매개변수	기능	반환값
open( )	URL : 주소 Target : 창 이름 Status : 설정 값 Replace	새로운 window 객체를 생성	생성한 window 객체

- URL | 창을 열  문서 주소입니다. about:blank를 입력하면 비어 있는 창을 열 수 있습니다.

- Target | 여는 창의 이름입니다. 같은 이름의 창이 이미 있다면 그 곳에 덮어 씁니다.

이름	대상
‘name’	name으로 열기
_blank	이름 없이 빈 창으로 열기
_parent	상위 부모 창에 열기
_self	현재 창에 열기
_top	최상위 창에 열기

- Status | 너비, 높이 등의 설정 값입니다.

설정	값	기본값	기능
channelmode	1/0		전체화면 열기
directories	1/0		디렉토리 버튼
fullscreen	1/0		최대화면으로 열기
location	1/0	1	주소표시줄
menubar	1/0	1	메뉴
resizable	1/0	1	크기 조절 가능
scrollbars	1/0	1	스크롤바
status	1/0	1	상태표시줄
titlebar	1/0	1	제목표시줄
toolbar	1/0	1	도구모음
height	int		높이(>=00)
width	int		너비(>=100)
top	int		위로부터의 위치

3. window 메소드

메소드	매개변수	기능	반환값
alert()	str message : 문구	일방향 알림
blur()		포커스를 다른 개체로 옮긴다. ※ onblur 이벤트의 트리거
clearInterval()	ID : setinterval id	setInterval()의 시간진행 취소
clearTimeout()	ID : settimeout id	setTimeout()의 시간진행 취소
close()		창 닫음 ※ open()으로 열리지 않은 창의 경우 닫을 것인지 확인하는 대화창이 생성됨
confirm()	str message : 문구	예/아니오로 응답할 수 있는 알림	True / False
moveBy()	int x : x 이동거리 int y : y 이동거리	지정한 거리 만큼 창 이동
moveTo()	int x : x 좌표 int y : y 좌표	지정한 위치로 창 이동
open()	URL : 주소 Target : 창 이름 Status : 설정 값 Replace	창 열기	생성한 window 객체
print()		출력
prompt()	str message : 문구 str default : 기본 엔트리 문구	문자열 입력을 할 수 있는 알림	입력된 문자열 / null
resizeBy()	int hei : 높이 int wid : 너비	지정한 크기만큼 창 크기 재설정
resizeTo()	int hei : 높이 int wid : 너비	지정한 길이만큼 창 확대/축소
scrollBy()	int x : x 픽셀 int y : y 픽셀	픽셀 수 만큼 스크롤 ※ 화면 스크롤 보임=true 일 때만 가능
scrollTo()	int x : x 좌표 int y : y 좌표	지정한 좌표까지 스크롤
setInterval()	str code : 호출 함수 int ms : 시간간격	시간간격마다 code 호출	interval id값
setTimeout()	str code : 호출 함수 int ms : 시간제한	시간제한이 지났는지 확인하기 위해 code 호출	timer id값

 

알림창의 경우 해당 문서에 별도로 정리해 두었습니다.