---
title: window.showModalDialog
slug: Web/API/Window/showModalDialog
tags:
  - API
  - DOM
  - Deprecated
  - Window
translation_of: Web/API/Window/showModalDialog
---
<div>{{obsolete_header}}{{APIRef}}</div>

<div class="warning">
<p><strong><em>この機能は削除されました。ウェブサイトやアプリケーションを修正してください</em></strong>。</p>

<p>このメソッドは Chrome 43 および Firefox 56 で廃止されました。</p>
</div>

<h2 id="Summary" name="Summary">概要</h2>

<p>指定された HTML 文書を含む モーダルダイアログボックスを生成し、表示します。</p>

<h2 id="Syntax" name="Syntax">構文</h2>

<pre class="syntaxbox"><var>returnVal</var> = window.showModalDialog(<em>uri</em>[,<em>arguments</em>][,<em>options</em>]);
</pre>

<ul>
 <li><code>returnVal</code> は、<code>uri</code> で指定される文書のウィンドウによって設定される returnValue プロパティを示す変数です。</li>
 <li><code>uri</code> は、ダイアログボックス中で表示する文書の URI です。</li>
 <li><code>arguments</code> は、ダイアログボックスに渡されるべき値を含むオプションの変数です。これらは、<a href="/ja/docs/Web/API/Window"><code>window</code></a> オブジェクトの <a href="/ja/docs/Web/API/window.dialogArguments"><code>window.dialogArguments</code></a> プロパティから取得できるようになります。</li>
 <li><code>options</code> は、ダイアログボックスに対するウィンドウの装飾を指定するオプションの文字列です。次の表で示す値を、 1 つまたは複数セミコロンで区切って指定します。</li>
</ul>

<table class="standard-table">
 <tbody>
  <tr>
   <th>構文</th>
   <th>説明</th>
  </tr>
  <tr>
   <td><code>center: {on | off | yes | no | 1 | 0 }</code></td>
   <td>この引数の値が <code>on</code>、<code>yes</code>、または、1 である場合、ダイアログウィンドウはデスクトップの中央に配置されます。それ以外の場合は、ダイアログボックスが隠れます。デフォルトの値は、<code>yes</code> です。</td>
  </tr>
  <tr>
   <td><code>dialogheight:<em>height</em> </code></td>
   <td>ダイアログボックスの高さを指定します。デフォルトでは、ピクセル値でサイズが指定されます。</td>
  </tr>
  <tr>
   <td><code>dialogleft:<em>left</em> </code></td>
   <td>ダイアログボックスの水平位置をデスクトップの左上を基準とした値で指定します。</td>
  </tr>
  <tr>
   <td><code>dialogwidth:<em>width</em> </code></td>
   <td>ダイアログボックスの幅を指定します。デフォルトでは、ピクセル値でサイズが指定されます。</td>
  </tr>
  <tr>
   <td><code>dialogtop:<em>top</em> </code></td>
   <td>ダイアログボックスの垂直位置をデスクトップの左上角を基準とした値で指定します。</td>
  </tr>
  <tr>
   <td><code>resizable: {on | off | yes | no | 1 | 0 }</code></td>
   <td>この引数の値が <code>on</code>、<code>yes</code>、または、1 である場合、ダイアログウィンドウは、ユーザによってリサイズ可能になります。それ以外の場合は、ウィンドウのサイズが自動で調整されます。デフォルトの値は、<code>no</code> です。</td>
  </tr>
  <tr>
   <td><code>scroll: {on | off | yes | no | 1 | 0 }</code></td>
   <td>この引数の値が <code>on</code>、<code>yes</code>、または、1 である場合、ダイアログボックスにスクロールバーが表示されます。それ以外の場合は、ボックスのサイズが自動で調整されます。デフォルトの値は、<code>no</code> です。</td>
  </tr>
 </tbody>
</table>

<p>{{Note("Firefox は、<code>dialogHide</code>、<code>edge</code>、<code>status</code>、および、<code>unadorned</code> 引数を実装していません。")}}</p>

<h2 id="Compatibility" name="Compatibility">互換性</h2>

<p>Microsoft Internet Explorer 4 で実装され、Firefox では、Firefox 3 で (Fx 28 で非推奨)、Safari は Safari 5.1 でサポートが追加されました。</p>

<p>このメソッドは Chrome 43 および Firefox 56 で完全に廃止されました。Safari から削除される可能性については、<a href="https://bugs.webkit.org/show_bug.cgi?id=151885">WebKit bug 151885</a> をご覧ください。</p>

<h2 id="Examples" name="Examples">例</h2>

<p><a href="http://developer.mozilla.org/samples/domref/showModalDialog.html"><code>showModalDialog()</code></a></p>

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

<p><code>showModalDialog()</code> is currently being standardized as part of HTML5. The third argument (for additional options) is not present in the HTML5 version, and is (safely) ignored by both Safari and Chrome.</p>

<h2 id="Specification" name="Specification">仕様</h2>

<ul>
 <li>Microsoft MSDN: <a href="http://msdn2.microsoft.com/ja-jp/library/ms536759.aspx">showModalDialog</a></li>
</ul>

<h2 id="See_also" name="See_also">関連情報</h2>

<ul>
 <li><code>window.showModalDialog()</code> を置き換える {{HTMLElement("dialog")}}</li>
 <li>{{HTMLElement("dialog")}} および <a href="/ja/docs/Web/JavaScript/Reference/Statements/function*">generators</a> を使用した、<a href="https://github.com/niutech/showModalDialog">showModalDialog Polyfill</a></li>
</ul>