HTML, CSS, Javascript

[Javascript] window 객체의 메서드

웅지니어링 2021. 8. 16. 22:02

* window 객체의 메서드

종류 설명
alert() 알림 창을 표시합니다.
blur() 현재 창에서 포커스를 제거합니다.
close() 현재 창을 닫습니다.
confirm() [확인], [취소] 버튼이 있는 확인 창을 표시합니다.
focus() 현재 창에 포커스를 부여합니다.
moveBy() 현재 창을 지정한 크기만큼 이동합니다.
moveTo() 현재 창을 지정한 좌표로 이동합니다.
open() 새로운 창을 엽니다.
postMessage() 메시지를 다른 창으로 전달합니다.
print() 현재 문서를 인쇄합니다.
prompt() 프롬프트 창에 입력한 텍스트를 반환합니다.
resizeBy() 지정한 크기만큼 현재 창의 크기를 조절합니다.
resizeTo() 동적으로 브라우저 창의 크기를 조절합니다.
scroll() 문서에서 특정 위치로 스크롤합니다.
scrollBy() 지정한 크기만큼씩 스크롤합니다.
scrollTo() 지정한 위치까지 스크롤합니다.
sizeToContent() 내용에 맞게 창의 크기를 맞춥니다.
stop() 로딩을 중지합니다.

* 새 브라우저 창을 여는 open() 메서드

window.open(경로, 창 이름, 창 옵션);

- 경로 : 팝업 창에 표시할 문서나 사이트의 경로(주소)를 나타냅니다.

- 창 이름 : 팝업 창의 이름을 지정하면 항상 이 창에 팝업 내용이 나타나도록 할 수 있습니다. 이름을 지정하지 않으면 팝업 창이 계속 새로 나타납니다.

- 창 옵션 : left, top 속성을 사용해 위치를 정하거나 width, height 속성을 사용해 크기를 지정할 수 있습니다. 위치를 지정하지 않으면 팝업 창은 화면의 맨 왼쪽 위에 나타납니다.