window 객체의 opener 사용하기

window.opener
- window.open() 함수로 연 팝업창(자식창)을 의미
- opener를 통해 부모창을 제어 가능
- window.open([페이지 URL], [타겟], [옵션])

옵션
width : 팝업창 가로길이
height : 팝업창 세로길이
toolbar=no : 단축도구창(툴바) 표시 안함
menubar=no : 메뉴창(메뉴바) 표시 안함
location=no : 주소창 표시 안함
scrollbars=no : 스크롤바 표시 안함
status=no : 아래 상태바 창 표시 안함
resizable=no : 창 변형 하지 않음
fullscreen=no : 전체 화면 하지 않음
channelmode=yes : F11 키 기능이랑 동일
left=0 : 왼쪽에 창을 고정
top=0 : 위쪽에 창을 고정

// window.opener 사용법

// 부모 창에서 클래스가 master인 element 요소의 value 값
opener.document.querySelector('.master').value; 

// 부모 창에 있는 parentFn 함수 호출
window.opener.parentFn();
opener.location.href = 'parentFn()';

// 자식창(팝업창) 닫기
window.self.close();

// 현재 페이지(팝업창) 새로고침
document.location.reload();

// 팝업창에서 부모창 새로고침
window.opener.parent.location.reload();
window.opener.document.reload();