[Javascript] opener함수 정리

[Javascript] opener함수 정리

---

2018. 01. 18 기준

알단 팝업 띄우기 명령어를 봅시다.

window.open("경로","팝업이름","옵션");

자바스크립트에는 부모창이 있고 자식창이 있죠.

처음 이벤트를 시작하기전 보고있는 페이지가 부모창이겠죠?

그리고 새창을 띄울때 새로운 창이 자식창이 됩니다.

자식창은 종류에는 팝업도 있지만 아이프레임 기타 많은 것들이 있어요.

자식창에서 부모창을 가리키는 것이 팝업일 경우는 opener라는 객체입니다.

자바스크립트에서 다른 페이지로 보내는 함수 알고 계시죠??

location.href="경로";

그럼 정리하자면..

//부모창에서 네이버 새창 띄우기
<script>
 function goNaver() {
  self.close();
  opener.location.href = "http://www.naver.com";
 }
</script>
 
<input type="button" value="naver" onClick="goNaver()">

 

자식창에서 부모창에게 무언가를 줘야하기때문에 

팝업창(자식창)에서 버튼을 눌렸을대 원래페이지가 다른페이지로 바뀌게하는거

opener.location.href="경로";

 

이렇게 주시면 됩니다.

그리고 자식창은 닫혀줘야 겠죠?

self.close() 로 마무리 하면 되겠죠!!

//자식창(팝업)에서 버튼클릭으로 부모창 구글로 띄우기
<script>
function goAction() {
opener.location.href = "http://www.google.co.kr";
self.close();
}
</script>
 
<input type="button" name="actionButton" value="부모창구글띄우기" onclick="goAction()">

 

간단하죠?