자바스크립트 부모창에서 자식창 변수 참조하기

자바스크립트 부모창에서 자식창을 참조하는 방법은 여러가지가 있다.

여기서는 가장 기본적인 방법을 설명해 보겠다.

 

기본 html 구조로 되어 있고 자바스크립트로 참초하는 형태라 소스 자체는 어렵지 않을 것이다.

 

간단하게 설명을 하면 

 

자식창의 변수를 부모창에서 참조하려면 자식창의 객체를 활용하면 된다.

 

보시면 아시겠지만 

이 구문이 자식창의 변수를 참조하는 함수이다.

순서는 자식창을 열고(생성) 한 후에 자식창의 객체를 참조하는 함수이다.

 

 

 

자식창에서는 변수에 값을 할당하고 있다.

자식창의 객체이지만 함수이기도 하다.

 

자, 전체 프로세스를 정리해 보면

1. openChildWindow 함수를 통해 자식창을 연다.
2. 부모창의 accessChildVariable 함수를 통해 자식 창에서 선언된 childVariable 변수에 접근

결과 값으로는 alert 구문에 의해 "Hello, Parent"가 경고창으로 뜰 것이다.

 

주의!!, 같은 도메인 일때 접근 가능하다.