제수기 - 제발 수업내용을 기억해라 / 단순 수업내용 정리 시리즈

Window

브라우져(탭) 최상위객체

Window 객체

전역객체 window는 생략가능

open(url, name, spec) : Window

• 새창 또는 새팁을 여는 함수
• 새창의 window 객체 반환

3초 뒤에 팝업

팝업인 자식 윈도우를 제어해서 3초 뒤에 자동으로 닫히게 할 수도 있다. 아래 코드는 오류가 났지만, 아무튼 할 수 있다.

부모창에서 자식창을 참조 : popup
자식창에서 부모창을 참조 : popup.opener

BOM Browser Object Model

navigator

navigator 브라우저에 대한 정보를 관리하는 객체
navigator.userAgent : 웹요청 전송 시 어떤 클라이언트에서 전송하는지 서버가 판단하는 근거.

새로고침하고 network를 보면

사용자가 어떤 컴퓨터에서 접속했는지 정보를 확인할 수 있다.

location

• herf : 현재 위치

• url ? 뒤에 값을 search에서 관리한다.
  

• location.href = 'https://www.naver.com';
  아예 페이지가 넘어가 버린다.
  

• location.reload(); 페이지 새로 고침

history

방문기록관련 정보 제공. 뒤로가기, 앞으로 가기 등 메소드 제공

• history.back(); : 뒤로가기
• history.forward(); : 앞으로 가기

Screen

브라우저가 실행 중인 모니터 정보를 제공하는 메소드.

width 너비
height 높이
availWidth 가용너비
availHeight 가용높이
availLeft 가용 offset(좌)
acailTop 가용 offset(위)

예를 들어 모니터가 두개일 때 왼쪽 모니터에서 실행하면 해당 모니터 정보가 나오고, 오른쪽 모니터에서 진행하면 해당 모니터 정보가 나온다.

윈도우바가 있어서, 실제 사용가능한 화면과 실제 모니터 크기가 조금 다르게 나온다.

이걸 이용해서 뭘 할 수 있을까? 팝업창을 띄울 때 가운데로 띄우는 게 꽤나 어렵다.

가운데 팝업창 놓기 공식
(전체 너비 - 팝업창 너비) / 2 : left offset
(전체 높이 - 팝업창 높이) / 2 : top offset