[자바스크립트] 자식창에서 부모창 함수 호출, 팝업창에서 부모창 함수 실행

부모 창에서 팝업을 띄우고, 자식 창에서 부모 창 함수를 호출하는 소스입니다.
opener.parent. 함수 이름(); 통해서 부모 창을 호출합니다.
아래 예제를 보시면 쉽게 이해 가능하십니다!

 

부모 창 소스

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
function fn_reload(){
	var str= "호출 되었습니다.";
	$("#result").html(str);		
}
</script>
<button onclick="window.open('kk.php','pop','width=430,height=500,location=no,status=no,scrollbars=yes');">팝업창 띄우기 (자식창 열기)</button>
<div id="result"></div>

 

자식 창 소스

<script>
function fn_(){
	opener.parent.fn_reload();
}
</script>
<button onclick="fn_();">부모창 함수호출</button>

 

 

예제