[Javascript] 자바스크립트(JS) 부모창 데이터 넘기기 - opener()

 

자바스크립트(Javascript) 부모 창 데이터 넘기기

웹페이지를 제작할때에 popup창을 여는 경우가 있는데 popup창을 자식 창이라 하고 popup창을 열게 하는 웹페이지를 부모 창이라고 합니다.

자바스크립트(Javascript)로 자식창의 Action으로 부모 창에 영향을 주거나 데이터를 넘길 때가 있습니다. 그럴 때 사용하는 opener() 함수입니다.

//부모창에서 popup창 열기
window.open([URL], [타켓], [option]);


//자식창에서 부모창 함수 호출
window.opener.[부모창 함수];

//자식창에서 부모창 ID값 가져오기
opener.document.getElementById([부모창 ID값]).value();

//자식창에서 부모창 ID에 value 설정하기
window.opener.document.getElementById([부모창 ID값]).value = [변경값];

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