요점 부분 이외의 코드는 생략
file 메인페이지(현재 페이지: 'xchildwin.html'
<script Language="Javascript">
<!-- 감춤
function openWin() {
newWin=window.open('xzchild.html','child',
'toolbar=no,location=1,scrollbars=1,width=450,height=280,top=200,left=350')
}
function closeWin() {
newWin.close();
}
// 감춤 끝 -->
</script>
</head>
<body>
<div class=indent>
새 창 이름은 <b>newWin</b><br><br>
새 Window <a href="Javascript:openWin()">열기(Open)</a><br><br>
새 Window <a href="Javascript:closeWin()">닫기(Close)</a><br><br>
</div>
file 보조창 'xzChild.html'
<script Language="Javascript">
<!-- 감춤
function child(n) {
opener.document.location = n;
alert('보조창 자동 닫기를 합니다');
self.close();
}
// 감춤 끝 -->
</script>
</head>
<body>
<div align=center class=box><span class=titleblue>보조창</span></div><br>
<ul>
<li><a href="../js/jxord.html">Javascript 메인 페이지</a> (다른 페이지 연결)<br><br>
<li><a href="Javascript:child('../../blank.html')">빈 페이지</a> (다른 빈 페이지 연결)
<br><br>
<li><a href="Javascript:history.back()">전번 페이지</a> (열려 있으므로 변화 없슴)<br><br>
<li><a href="Javascript:self.close()"><img src="../../gif/arstop.gif"
alt="닫기" border=0></a> <a href="Javascript:self.close()">현재 보조창 닫기</a><br>
</ul>
 중요 사항
- 새창을 열 때는 newWin=window.open('a','b','c')로 여는데 이때,
- a: URL ('http://trio.co.kr'), ('../../index.html') 등
- b: 새로운 창의 이름, 후에 이 창을 부를 때 이 이름을 사용한다. ('newWin'), ('child') 등
- c: 새창의 특성을 지정한다. 여기서는 'toolbar=no,location=no,scrollbars=no,width=360,height=200'로 설정하였다.
자세한 내용 예제를 참조하라.
- 보조창을 닫을 때 모체창에서는 newWin.close()로 하였고 보조창에서는 self.close()로 하였다.
|
제공