[Javascript] 브라우저와 관련된 객체 (BOM)

자바스크립트를 사용하면 특정 사이트로 이동하거나 새 탭을 여는 등 웹 브라우저와 관련된 여러가지 효과를 만들 수 있다.

자바스크립트 객체의 계층구조

window 객체

웹 브라우저의 상태를 제어하며 자바스크립트의 최상위 객체

window 객체의 method

• alert() : 브라우저의 알림 창
• prompt() : 브라우저의 입력 창
• confirm : 브라우저의 확인/취소 선택 창

[팝업창]

• open() : 주로 홉페이지의 팝업 창을 띄울 때 사용
• close() : 주로 팝업 창 내용을 모두 살펴본 후에 창을 닫을 수 있도록

/* main.html - 메인화면 */
window.open("notice.html", "", "width=500, height=400"); //open(경로, 창 이름, 옵션)

/* notice.html - 공지사항 팝업 창 */
<button onclick="window.close();">닫기</button>

코드 실행결과

[부모창]

• window 객체의 opener 속성을 이용하면 부모 창을 컨트롤 가능
• opener은 부모 창의 window객체

---

window의 하위 BOM 객체

종류	설명
navigator	현재 사용하는 브라우저의 정보
history	현재 창에서 사용자의 방문 기록 저장
location	현재 페이지의 URL 정보
screen	현재 사용하는 화면 정보
document	웹 페이지마다 하다씩 존재하며 HTML 문서의 정보