opener 프로퍼티는 팝업창에서 팝업창을 열어준 윈도우를 참조할 때 사용되는 프로퍼티이다.
반대로 opener에서 팝업윈도우를 참조할 때는 팝업윈도우의 name 이 아닌, 팝업윈도우의 변수값을 참조한다.
-= 오프너 페이지 (Untitled-1.html) =-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="content-type" content="text/html; charset=euc-kr">
<TITLE> </TITLE>
<SCRIPT LANGUAGE="JavaScript">
function openWin() {
myWin = window.open('Untitled-2.html','popwindow','width=600,height=300');
}
</SCRIPT>
</HEAD>
<BODY>
<input type=button onclick="openWin();" value="팝업창 열기">
<input type=button onclick="myWin.close();" value="팝업창 닫기">
</BODY>
</HTML>
=====================================================================>결과
9~11번행에서 정의된 openWin() 함수에서는 새로운 팝업윈도우를 myWin 이라는 변수에 담아 열어주는 함수다.
팝업윈도우를 열 때 myWin = window.open('sample-2.html','popwindow','옵션') 의 코드로 열어주었으므로 오프너에서 팝업윈도우를 참조하려면 myWin 이라는 변수값을 사용해야 한다.
여기에서 사용된 팝업윈도우의 이름인 popwindow 는 HTML 코드에서 타겟을 지정할 때처럼 타겟으로 사용된다.
오프너 페이지에서 <a href="http://www.jasko.co.kr" target="popwindow"> 처럼 태그를 사용하면 팝업윈도우에 자스코 홈페이지가 열리게 된다. |
