diff options
Diffstat (limited to 'files/ko/web/api/window/closed/index.html')
-rw-r--r-- | files/ko/web/api/window/closed/index.html | 70 |
1 files changed, 70 insertions, 0 deletions
diff --git a/files/ko/web/api/window/closed/index.html b/files/ko/web/api/window/closed/index.html new file mode 100644 index 0000000000..4c077bda92 --- /dev/null +++ b/files/ko/web/api/window/closed/index.html @@ -0,0 +1,70 @@ +--- +title: Window.closed +slug: Web/API/Window/closed +tags: + - API + - HTML DOM + - Property + - Reference + - Window +translation_of: Web/API/Window/closed +--- +<div>{{APIRef}}</div> + +<p><code><strong>Window.closed</strong></code> 읽기 전용 속성은 참조한 창이 닫혔는지 여부를 나타냅니다.</p> + +<h2 id="구문">구문</h2> + +<pre class="syntaxbox notranslate">const <em>isClosed</em> = <em>windowRef</em>.closed;</pre> + +<h3 id="값">값</h3> + +<p>창이 닫혔으면 <code>true</code>, 그렇지 않으면 <code>false</code>.</p> + +<h2 id="예제">예제</h2> + +<h3 id="팝업에서_자신을_띄운_창의_URL_바꾸기">팝업에서 자신을 띄운 창의 URL 바꾸기</h3> + +<p>다음 예제는 팝업 창에서 자신을 띄운 창의 {{glossary("URL")}}을 바꾸는 예제입니다. URL을 바꾸기 전, 현재 창을 띄운 창의 존재 유무를 {{domxref("window.opener")}} 속성으로 검사하고, <code>closed</code> 속성으로 이미 닫히지는 않았는지도 검사합니다.</p> + +<pre class="brush:js notranslate">// Check that an opener exists and is not closed +if (window.opener && !window.opener.closed) { + window.opener.location.href = 'http://www.mozilla.org'; +}</pre> + +<div class="blockIndicator note"> +<p><strong>참고:</strong> 팝업은 자신을 띄운 창에만 접근할 수 있습니다.</p> +</div> + +<h3 id="이전에_열었던_팝업_새로고침">이전에 열었던 팝업 새로고침</h3> + +<p>이번 예제의 <code>refreshPopupWindow()</code>는 팝업의 {{domxref("Location.reload", "reload()")}} 메서드를 호출해 데이터를 다시 불러옵니다. 만약 팝업을 아직 열지 않았거나, 사용자가 이미 닫은 경우 새로운 팝업을 띄웁니다.</p> + +<pre class="brush: js notranslate">const popupWindow = null; + +function refreshPopupWindow() { + if (popupWindow && !popupWindow.closed) { + // popupWindow is open, refresh it + popupWindow.location.reload(true); + } else { + // Open a new popup window + popupWindow = window.open('popup.html', 'dataWindow'); + } +}</pre> + +<h2 id="명세">명세</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', '#dom-window-closed', 'window.closed')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td></td> + </tr> + </tbody> +</table> |