---
title: Document.open()
slug: Web/API/Document/open
translation_of: Web/API/Document/open
---
<div>{{APIRef("DOM")}}</div>

<p><strong><code>Document.open()</code></strong> 메소드는 문서를  {{domxref("Document.write", "쓰기", "", "1")}} 위해 문서를 열 수 있도록 제공한다.</p>

<p>이 메소드 호출 시 몇 가지 부작용이 발생한다. 예를 들면,</p>

<ul>
 <li>현재까지 등록된 모든 요소와 문서, 문서에 속한 윈도우 소속 이벤트 리스너가 모두 삭제된다.</li>
 <li>현존했던 모든 요소가 문서에서 삭제된다.</li>
</ul>

<h2 id="Syntax" name="Syntax">문법</h2>

<pre class="syntaxbox notranslate">document.open();
</pre>

<h3 id="인자">인자</h3>

<p>없음.</p>

<h3 id="Return_value반환값">Return value반환값</h3>

<p><code>Document</code> 객체 인스턴스.</p>

<h2 id="Example" name="Example">예시</h2>

<p>이 간단한 코드는 문서를 열면서, 원하는 내용을 작성하여 기존 HTML 문서 구조를 대체하고, 문서를 닫는 예제이다. </p>

<pre class="brush: js notranslate">document.open();
document.write("&lt;p&gt;Hello world!&lt;/p&gt;");
document.write("&lt;p&gt;I am a fish&lt;/p&gt;");
document.write("&lt;p&gt;The number is 42&lt;/p&gt;");
document.close();
</pre>

<h2 id="Notes" name="Notes">Notes</h2>

<p><code>document.open()</code> 메소드는 페이지를 불러온 후 {{domxref("document.write()")}} 메소드 호출 시 자동으로 호출된다.</p>

<p>Firefox 및 Internet Explorer 에서는 기존까지 모든 요소 뿐 만 아니라 자바스크립트 변수까지 제거했었다. 하지만 현재 그런 경우는 없다.<span class="comment">document non-spec'ed parameters to document.open</span></p>

<h3 id="Gecko_특정_참고사항">Gecko 특정 참고사항</h3>

<p>Starting with Gecko 1.9, this method is subject to the same same-origin policy as other properties, and does not work if doing so would change the document's origin.</p>

<p>Starting with Gecko 1.9.2, <code>document.open()</code> uses the <a href="/docs/Security_check_basics">principal</a> of the document whose URI it uses, instead of fetching the principal off the stack. As a result, you can no longer call {{domxref("document.write()")}} into an untrusted document from chrome, even using <a class="internal" href="/en/wrappedJSObject"><code>wrappedJSObject</code></a>. See <a href="/en/Security_check_basics" title="en/Security check basics">Security check basics</a> for more about principals.</p>

<h2 id="document.open의_인자_3개">document.open()의 인자 3개</h2>

<p>잘 사용하지 않지만, <code>document.open()</code> 메소드는 3 개의 인자를 받을 수 있으며, 호출할 경우 {{domxref("Window.open()")}} 메소드와 동일하게 동작한다(<code>Window.open()</code> 메소드 참고).</p>

<p>다음 예제는 Github 웹 사이트를 새 창으로 열게 되며, opener 개체를 <code>null</code>로 설정한다.</p>

<pre class="brush: js notranslate">document.open('https://www.github.com','', 'noopener=true')</pre>

<h2 id="document.open의_인자_2개">document.open()의 인자 2개</h2>

<p>브라우저에서는 2개의 인자를 가진 <code>document.open()</code> 또한 가지고 있으며, 아래와 같은 구조를 가진다.</p>

<pre class="brush: js notranslate">document.open(<em>type</em>, <em>replace</em>)</pre>

<p>Where <code>type</code> 인자는 문서를 작성할 MIME 형식을 정의하며(예: <code>text/html</code>), 현재 히스토리를 대체(예: <code>"replace"</code>) 하는 새 문서 작성을 시작할 수 있다.</p>

<p>하지만 이런 호출은 더 이상 사용할 수 없으며, 예외 또한 발생하지 않는다.대신 인자가 없는 <code>document.open()</code> 메소드가 호출되는 효과를 지니며, 대신 브라우저 히스토리 대체는 그대로 작동한다.</p>

<h2 id="규격">규격</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName("HTML WHATWG", "#dom-document-open", "document.open()")}}</td>
   <td>{{Spec2("HTML WHATWG")}}</td>
   <td></td>
  </tr>
  <tr>
   <td>{{SpecName("DOM2 HTML", "html.html#ID-72161170", "document.open()")}}</td>
   <td>{{Spec2("DOM2 HTML")}}</td>
   <td></td>
  </tr>
 </tbody>
</table>

<h2 id="브라우저_호환성">브라우저 호환성</h2>



<p>{{Compat("api.Document.open")}}</p>

<h2 id="같이보기">같이보기</h2>

<ul>
 <li>{{domxref("Document")}}</li>
 <li>{{domxref("Window.open()")}}</li>
</ul>