[JS]팝업창에서 클릭시 부모창에서 페이지 이동

팝업창 JSP에서 버튼 클릭시 JS에서 로직 구현 후 부모창에서 페이지 이동할 수 있도록 컨트롤할 예정입니다.

일단, BODY에 바로가기 버튼을 생성합니다.

<td><a href="" onclick="goGrnttMng();" class="btn_m bu">바로가기</a></td>

바로가기를 클릭할 시 JS에서 goGrnttMng()  함수로 가게되는데요
이때  goGrnttMng()  함수에서 부모창에서 페이지 이동할 수 있도록 로직을 구현합니다.

function goGrnttMng(){    
  if(window.opener && !window.opener.closed){
    window.opener.location ='이동할 url'
  }
}

window.opener이란?

• 윈도우 A에서 window.open()을 통해 윈도우 B를 열었다면, window.opner를 통해 윈도우 B에서 윈도우 A를 제어

1.사용자가 바로가기를 클릭할 때
2. 열려있거나  닫혀있지 않을때 IF문을 타게 됩니다.
3.. 이때 제어를 통해 이동할 URL을 정해주시면 그 정한 URL로 이동하게 됩니다.

만약 팝업창을 닫고 싶다면 

if 문 안에서 location 다음 줄에 window.close(); 를 추가해주시면 됩니다.