Javascript - window 내장 객체

window 객체

window란 브라우저 창 자체를 나타낸다. window 객체의 최상위 객체는 DOM과 BOM으로 구분된다. 브라우저 창 내 어디서든 접근 가능하기 때문에 window 단어를 생략하고 사용 가능하다
ex) window.alert() == alert()

DOM(Document Object Model)

HTML문서 자체를 나타내는 객체

BOM(Browser Object Model)

브라우저 상을 나타내는 객체로 종류로는 location, historym screen, navigator 등이 있다.

window 객체 메서드

window.setTimeout(함수, 지연시간(ms))

지정된 시간이 지난 후 함수를 실행하게 하는 함수

• 시간 관련 함수는 비동기이다. 코드는 순서대로 진행되지만 수행은 동시에 진행

window.setInterval(함수, 지연시간(ms))

함수를 지연시간마다 반복해서 수행한다.

window.clearInterval(interval함수)

setInteval로 반복 수행되는 함수를 중지시킨다.

window.open("url", "팝업창이름", "팝업창특성(옵션)")

팝업창 이름 지정

1. 사용자 임의 지정 : 새 창의 이름 직접 지정
2. _blank : 새탭 또는 새 창
3. _top : 최상위 페이지
4. _parent : 부모 페이지

팝업창 특성 - 옵션 작성 방법 : "k=V, K=V, K=V", 크기 단위 작성X (px고정)

1. popup : 최소한의 팝업창 사용
2. width : 스크롤 막대 포함 컨텐츠 넓이영역 (필수값은 100)
3. height : 스크롤 막대 포함 콘텐츠 높이영역 (필수값은 100)
4. left : 새 창 생성시 왼쪽 영역에서의 거리
5. top : 새 창 생성시 위쪽 영역에서의 거리

팝업에서 부모창을 나타내는 객체는 opener이다

// 팝업에서 사용 가능한 JS
const parent = opener.document.getElementById("parentInput").. etc