[8주차] 28. window 객체의 opener 속성을 이용해 자식창 입장에서 부모창의 요소를 접근/수정 해보기

window 객체의 opener 속성

window 객체는 여러가지 속성들이 있는데

그중에서도 opener 속성은 open() 메소드로 자신의 윈도우를 열리게 한 부모의 윈도우를 저장하고 있다.

이를 이용하면 자식 윈도우 입장에서 부모 윈도우의 모든 요소들에 접근이 가능하여

직접 부모 윈도우에 있는 데이터를 읽어올 수 있고, 자식 윈도우에서 입력한 값을 부모의 특정 요소에 옮겨놓을 수도 있다. 

사용 예시코드

* 텍스트 라벨 요소가 <form> 내부에 위치해야 이런 구현이 가능하다는 것을 알아두자.

팝업창 열기 버튼을 누르면 자식창이 열리며, 자식창에는 onLoad 속성을 추가해 두었는데,

여기서는 부모창의 텍스트 라벨 요소에 들어있는 value 값을 가져와 자신의 요소에 옮겨놓는 일을 한다.

그리고나서 닫기 버튼을 또 누르면 자식의 요소에 있는 값을 이용해 부모의 텍스트 라벨의 value 값을 수정하는 예시이다.