• Q&A
  • 회원가입
  • 로그인

[Window] JS - opener 속성 ★ - 팝업창의 부모창 제어 (= opener속성 = 오프너속성)

opener 예제

 

<button onclick="homzzang()">클릭</button>


<script>

function homzzang() {

  var hz = window.open("", "hz", "width=200,height=100");

  hz.document.write("<p>홈짱닷컴 Homzzang.com</p>");

  hz.opener.document.write("<p>opener창</p>");

}

</script>

 

결과보기

※ 부모창: 대상창(=자식창)을 띄우는 소스가 있는 창.


opener 정의

 

윈도우창을 오픈한 부모창에 대한 참조

 


 

1.

window.open () 메서드로 윈도우창 열 때,
자식창 (=팝업 창)에서 operner 속성 사용해 부모창 (= 기존 창)의 세부 정보 반환.

 

2.

부모창 닫기 : window.opener.close()

 

3.

모든 브라우저 지원.

 

 

opener 구문

 

window.opener

 


[반환값]

 

부모창에 대한 참조.

 

 

opener 예제 

 

<script type="text/javascript">

// 부모창 새로고침 후, 자식창 닫기.

opener.document.location.reload();

self.close();

</script>

 



<script type="text/javascript">

// 부모창 URL 이동 후, 자식창 닫기.

opener.document.location.href="이동경로";

self.close();

</script>

 

PS. 위 소스를 자식창에 추가.

 

방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

찾아주셔서 감사합니다. Since 2012