---
title: Window.showModalDialog()
slug: Web/API/Window/showModalDialog
translation_of: Web/API/Window/showModalDialog
---
<div>{{ Fx_minversion_header(3) }} {{ deprecated_header() }}{{APIRef}}</div>

<p>El método <strong><code>Window.showModalDialog()</code></strong> crea y visualiza una caja de diálogo modal, conteniendo el documento HTML especificado.</p>

<div class="note">
<p><strong><em>Esta prestación va a desaparecer. Por favor ajuste sus sitios Web y aplicaciones.</em></strong></p>

<p>El soporte ha sido eliminado en <a href="http://blog.chromium.org/2014/07/disabling-showmodaldialog.html">Chrome 37</a>. Pero se añadió temporalmente un <a href="http://www.chromium.org/administrators/policy-list-3#EnableDeprecatedWebPlatformFeatures">ajuste de Política Coporativa para rehabilitar showModalDialog</a>. Este método showModalDialog() fue eliminado definitivamente en Chrome 43.</p>

<p>Mozilla ha anunciado que eliminará el soporte para este método ({{bug(981796)}}). Sin plazo específico, debería ser antes de Firefox 46. Esto quiere decir que la función estará fuera de uso sobre mediados de junio de 2016. Una revisión ESR podría soportarla aun por algunas meses más.</p>
</div>

<h2 id="Syntax" name="Syntax">Sintaxis</h2>

<pre class="syntaxbox"><var>valRetorno</var> = window.showModalDialog(<var>uri</var>[, <var>argumentos</var>][, <var>opciones</var>]);
</pre>

<p>donde</p>

<ul>
 <li><code>valRetorno</code> es un valor indicando la propiedad returnValue establecida por la ventana del documento especificado por la <code>uri</code>.</li>
 <li><code>uri</code> is es la URI del documento a visualizar en la caja de diálogo.</li>
 <li><code>argumentos</code> es un parámetro adicional, que contiene valores que deberían ser pasados a la caja de diálogo; estos son puestos a disposición en el la propiedad  <code><a href="/en-US/docs/DOM/window.dialogArguments">window.dialogArguments</a></code> del objeto <code><a href="/en-US/docs/DOM/window">window</a></code>.</li>
 <li><code>opciones</code> es una cadena adicional que especifica ornamentaciones de ventana para la caja de diálogo, usando uno o más de los siguientes valores separados por punto y coma:</li>
</ul>

<table class="standard-table">
 <tbody>
  <tr>
   <th>Sintaxis</th>
   <th>Descripción</th>
  </tr>
  <tr>
   <td><code>center: {on | off | yes | no | 1 | 0 }</code></td>
   <td>Si el valor de este argumento es  <code>on</code>, <code>yes</code>, ó 1, la ventana de diálogo será centrada en el escritorio; en caso contrario será oculta. El valor por defecto es <code>yes</code>.</td>
  </tr>
  <tr>
   <td><code>dialogheight: <em>height</em></code></td>
   <td>Especifica la altura de la caja de diálogo; por defecto, el tamaño es especificado en pixels.</td>
  </tr>
  <tr>
   <td><code>dialogleft: <em>left</em></code></td>
   <td>Especifica la posición horizontal de la caja de diálogo respecto de la esquina superior izquierda del escritorio.</td>
  </tr>
  <tr>
   <td><code>dialogwidth: <em>width</em></code></td>
   <td>Especifica la anchura de la caja de diálogo; por defecto el tamaño es especificado en pixels.</td>
  </tr>
  <tr>
   <td><code>dialogtop: <em>top</em></code></td>
   <td>Especifica la posición vertical de la caja de diálogo, respcto de la esquina superior izquierda del escritorio.</td>
  </tr>
  <tr>
   <td><code>resizable: {on | off | yes | no | 1 | 0 }</code></td>
   <td>Si el valor de este argumentoes  <code>on</code>, <code>yes</code>, ó 1, la ventana de diálogo podrá ser redimensionada por el usuario; en caso controario su tamaño será fijo. El valor por defecto es <code>no</code>.</td>
  </tr>
  <tr>
   <td><code>scroll: {on | off | yes | no | 1 | 0 }</code></td>
   <td>Si el valor de este argumento es <code>on</code>, <code>yes</code>, ó 1, la ventana de diálogo tendrá barras de desplazamiento; en caso contrario su tamaño será fijo. El valor por defecto es <code>no</code>.</td>
  </tr>
 </tbody>
</table>

<p>{{Note("Firefox no implementa los argumentos <code>dialogHide</code>, <code>edge</code>, <code>status</code>, ó <code>unadorned</code>.")}}</p>

<h2 id="Compatibility" name="Compatibility">Compatibilidad con navegadores</h2>

<p>Introducido por Microsoft Internet Explorer 4. Soporte añadido a Firefox en Firefox 3 (desaconsejado en Fx 28), y a Safari en Safari 5.1. Ver <a href="https://bugs.webkit.org/show_bug.cgi?id=151885">WebKit bug 151885</a> para posible futura eliminación de Safari.</p>

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

<p><a href="/samples/domref/showModalDialog.html">Probar <code>showModalDialog()</code></a>.</p>

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

<p><code>showModalDialog()</code> está siendo estandarizado actualmente como parte de HTML5. El tercer argumento (para opciones adicionales) no está presente en la versión HTML5, y es (seguramente) ignorado por Safari and Chrome.</p>

<h2 id="Specification" name="Specification">Especificación</h2>

<ul>
 <li><a href="https://msdn.microsoft.com/en-us/library/ms536759(VS.85).aspx">MSDN page for <code>showModalDialog</code></a></li>
 <li><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/timers.html#dialogs-implemented-using-separate-documents">Diálogos HTML5 implementados usando documentos separados</a></li>
</ul>

<h2 id="Ver_también">Ver también</h2>

<ul>
 <li>{{HTMLElement("dialog")}}, un sustituo para <code>window.showModalDialog()</code>.</li>
 <li><a href="https://github.com/niutech/showModalDialog">showModalDialog Polyfill</a> usando un {{HTMLElement("dialog")}} y <a href="/en-US/docs/Web/JavaScript/Reference/Statements/function*">generadores</a></li>
</ul>