프론트엔드 - JS Window 객체

JS Window 객체

• Window 객체 : 웹 브라우저에서 작동하는 JavaScript 최상위 전역 객체.
  • 브라우저와 관련된 여러 객체, 속성, 함수 포함
  • JavaScript에서 기본 제공하는 프로퍼티, 함수 포함.(Number 객체, setInterval() 함수 등)
  • BOM(Browser Object Model)

1. Window 객체 사용.

• Window 객체 함수를 통해 브라우저에서 제공하는 창 open
  • alert() : 브라우저 알림창.
  • confirm() : 브라우저 확인/취소 선택창.
  • prompt() : 브라우저 입력 창.
• 브라우저 정보가 내장된 객체
  • navigator : 서로 다른 브라우저를 구분할 수 있으며, 브라우저 별로 다르게 처리 가능. (HTML5에서 위치 정보를 알려주는 역할 가능.)
  • location : 현재 페이지 주소(URL)과 관련된 정보.
    • location.href : 현재 URL을 조회하고 값을 할당하면 할당된 URL로 이동.
    • location.reload() : 현재 페이지 새로 고침.
  • history : 브라우저 페이지 이력 정보.
    • history.back(), history.forward() : 브라우저 뒤로 가기/ 앞으로 가기.

2. 새 창 열기

• window.open() : 새 창 열기.
  • open(url, 창 이름, 특성, 히스토리 대체 여부)
• window.close() : 창 닫기.
  • 브라우저에 내장된 창이 아닌 JavaScript로 자체 구현한 팝업에서 필요.
• window.opener : 부모 창의 window 객체.
  • 부모 창 컨트롤 가능.
  • 부모 창에 값 전달.
  • 부모 창 새로 고침
  • 부모 창으로 이동.