Este artículo resume los métodos de ventana emergente de JavaScript comúnmente utilizados para su comparación y referencia. Espero que te sea útil. El método detallado es el siguiente:
1. Actualice la página web en silencio:
¿Ha notado que cuando se actualizan algunas páginas web, aparecerá una ventana rápida y haga clic en "Aceptar" para actualizar.
No se solicitarán algunas páginas, y la ventana de inmediato se actualizará directamente sin aparecer.
Si la página no tiene un formulario,
La ventana de inmediato no aparecerá
Si la página tiene un formulario,
a) <form de método = "post" ...>
Aparecerá una ventana rápida
b) <Form Method = "Get" ...>
No aparecerá
2. Cómo actualizar la página en JavaScript:
Window.location.Reload ();
Use la ventana emergente de la ventana emergente para actualizar la ventana principal
window.opener.location.reload ()
Modo ventana emergente con ventana con ventana.showdialog
window.dialogarguments.location.reload ();
3. Código de ventana emergente de JavaScript:
Método Window.open ():
Window.open () admite el entorno: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+
Sintaxis básica:
Window.open (página, nombre, parámetros)
en:
Pageurl es la ruta de la ventana infantil
El nombre es el mango de la ventana infantil
Los parámetros son parámetros de la ventana (cada parámetros está separado por comas)
Ejemplo:
<Script> <
Después de ejecutar el script, Page.html se abrirá en la nueva forma NewWindow, con un ancho de 100, una altura de 400, 0 píxeles desde la parte superior de la pantalla, a 0 píxeles desde la izquierda de la pantalla, sin barra de herramientas, sin barra de menú, sin barra de desplazamiento, sin dores de tamaño, sin barra de dirección y sin barra de estado.
Por favor compare.
Los ejemplos anteriores son varios parámetros de uso común, y hay muchos otros parámetros además de esto, consulte 4.
Varios parámetros
Entre ellos, sí/no también se pueden usar 1/0; El valor de píxeles es el valor específico, unidad píxel.
Parámetros | Rango de valores | Descripción
| |
AlwaysLowered | SÍ/NO | Las ventanas especificadas están ocultas detrás de todas las ventanas
siempre recaudado | SÍ/NO | Especificar ventanas suspendidas en todas las ventanas
dependió | SÍ/NO | Si cerrar la ventana principal al mismo tiempo
Directorios | SÍ/NO | Son las columnas de directorio de Nav2 y 3 visibles
altura | Valor de píxeles | altura de la ventana
Pelámenes calientes | SÍ/NO | Establezca la tecla de acceso rápido de salida seguro en la ventana sin barra de menú
Innerheight | Valor de píxeles | Altura de píxeles del documento en la ventana
Innerwidth | Valor de píxeles | Ancho de píxeles del documento en la ventana
Ubicación | SÍ/NO | ¿Es visible la barra de ubicación?
Menubar | SÍ/NO | ¿Es visible la barra de menú?
OUTERHEIGHT | Valor de píxeles | Establezca la altura del píxel de la ventana (incluidos los bordes decorativos)
Outerwidth | Valor de píxeles | Establezca el ancho del píxel de la ventana (incluidos los bordes decorativos)
RESIZABLE | SÍ/NO | ¿Es el tamaño de la ventana recesable?
Screenx | Valor de píxeles | La longitud del píxel de la ventana al borde izquierdo de la pantalla
Screeny | Valor de píxeles | La longitud del píxel de la ventana al límite superior de la pantalla
barras de desplazamiento | SÍ/NO | ¿Hay una barra de desplazamiento disponible en la ventana?
TitleBar | SÍ/NO | ¿Es visible la columna de título de la ventana?
barra de herramientas | SÍ/NO | ¿Es visible la barra de herramientas de la ventana?
Ancho | Valor de píxeles | Ancho de píxeles de la ventana
z-aspecto | SÍ/NO | Si la ventana flota en otras ventanas después de que se active
función showDialog (url) {var iwidth = 300; // ancho de la ventana var iheight = 200; // ventana altura var itop = (window.screen.height-iheight)/2; var ileft = (window.screen.width-iwidth)/2; Window.open (URL, "Detalle", "Scrollbars = no, Barra de herramientas = no, ubicación = no, dirección = no, reenseable = no, width ="+iwidth+", altura ="+iHeight+", top ="+itop+", izquierda ="+ileft); }Window.ShowModaldialog Método:
Introducción básica:
showModalDialog () (es decir, 4+ soporte)
showModelessDialog () (es decir, 5+ soporte)
El método Window.ShowModalDialog () se utiliza para crear un cuadro de diálogo modal que muestra contenido HTML.
El método Window.ShowModeScelessDialog () se utiliza para crear un cuadro de diálogo no modal que muestre contenido HTML.
Cómo usar:
vreturnValue = window.showModalDialog (Surl [, varguments] [, sfeature]) vreturnValue = window.showmodelessdialog (surl [, varguments] [, sfeatures])
Descripción del parámetro:
Surl--
Parámetro requerido, tipo: cadena. Se utiliza para especificar la URL del documento que se mostrará en el cuadro de diálogo.
Vargumentos--
Parámetro opcional, Tipo: Variante. Se usa para pasar parámetros al cuadro de diálogo. Los tipos de parámetros pasados no se limitan, incluidas las matrices, etc. El cuadro de diálogo utiliza ventana.
Sfeatures--
Parámetro opcional, escriba: cadena. La información utilizada para describir la apariencia de un cuadro de diálogo, como la siguiente información, puede separarse por un punto y coma ";".
1.DialogHeight: La altura del cuadro de diálogo no es inferior a 100px. Las unidades predeterminadas de DialogHeight y Dialogwidth en IE4 son EM y PX en IE5. En aras de la conveniencia, al definir el cuadro de diálogo en el método modal, PX se usa como la unidad.
2.Dialogwidth: cuadro de diálogo Ancho.
3.dialogleft: la distancia desde la izquierda de la pantalla.
4.dialogTop: la distancia desde la pantalla.
5.Center: {Sí | No | 1 | 0}: Si la ventana está centrada, es predeterminada a sí, pero aún puede especificar altura y ancho.
6.Help: {Sí | No | 1 | 0}: si se debe mostrar el botón de ayuda, el valor predeterminado es sí.
7. RESIZABLE: {Sí | No | 1 | 0} [IE5+]: si el tamaño se puede cambiar. No.
8.status: {sí | No | 1 | 0} [IE5+]: si debe mostrar la barra de estado. El valor predeterminado es sí [modso] o no [modal].
9.scroll: {sí | No | 1 | 0 | en | OFF}: indica si el cuadro de diálogo muestra barras de desplazamiento. El valor predeterminado es sí.
Los siguientes atributos se utilizan en HTA y generalmente no se usan en páginas web generales.
10.dialoghide: {sí | No | 1 | 0 | en | OFF}: si el cuadro de diálogo está oculto al imprimir o imprimir una vista previa. El valor predeterminado es no.
11.Edge: {Hunken | elevado}: Especifique el estilo de borde del cuadro de diálogo. Se plantea el valor predeterminado.
12.UnadoNorned: {Sí | No | 1 | 0 | en | APAGADO}: El valor predeterminado es no.
Paso de parámetro:
(1). Si desea pasar parámetros en el cuadro de diálogo, los pasa a través de Varguments. No hay restricción en el tipo, para los tipos de cadenas, el máximo es de 4096 caracteres. Los objetos también se pueden pasar, por ejemplo:
-------------------------------
Página parent.htm:
<script> var obj = new Object (); obj.name = "jb51"; window.showModalDialog ("modal.htm", obj, "dialogwidth = 200px; dialogHeight = 100px"); </script>Página modal.htm:
<script> var obj = window.dialogargumentSalet ("El parámetro que pasa es:" + obj.name) </script>(2) Puede devolver la información a la ventana donde se abre el cuadro de diálogo a través de la ventana. Valor, y, por supuesto, también puede ser un objeto. Por ejemplo:
Código de página parent.htm:
<script> str = window.showModalDialog ("modal.htm" ,, "dialogwidth = 200px; dialogHeight = 100px"); alert (str); </script> modal.htm <script> window.returnvalue = "http://www.jb51.com"; </script>ejemplo:
función showDialog (url) {var iwidth = 300; // ancho de la ventana var iheight = 200; // ventana altura var itop = (window.screen.height-iheight)/2; var ileft = (window.screen.width-iwidth)/2; Window.ShowModalDialog (url, ventana, "dialogHeight:"+iHeight+"px; dialogwidth:"+iwidth+"px; dialogTop:"+itop+"; dialogleft:"+ileFt+"; resenible: no; estado: no; desplazarse: no"); }Tenga en cuenta el segundo parámetro aquí, ventana
4. El problema de no actualizar los datos de la ventana de modo (caché)
Agregue la siguiente declaración a la página JSP
<% respuesta.setheader ("pragma", "no-cache"); Respuesta.setheader ("Cache-Control", "No-Cache"); Respuesta.SetDateHeader ("expiras", 0);%>5. En la ventana de modo, el enlace aumenta un nuevo problema de ventana:
◎ _Blank, abra el archivo de enlace en la ventana del nuevo navegador.
◎ _Parent, cargue el archivo vinculado en el conjunto de la trama principal o la ventana principal que contiene la trama del enlace. Si el marco que contiene el enlace no está anidado, el archivo vinculado se carga en la ventana de pantalla completa del navegador, al igual que el parámetro _Self.
◎ _Elgido, abra el documento vinculado en el mismo marco o ventana. Este parámetro es el valor predeterminado y generalmente no se especifica.
◎ _TOP, abre el documento vinculado en toda la ventana del navegador actual, eliminando así todos los cuadros.
Agregue <a href = "A.html" Target = "_ Blank"/> entre </head> y <body>
6. Cómo cerrar la página en silencio:
function closeWin () {var ua = navigator.useragent; var ie = navigator.appname == "Microsoft Internet Explorer"? Verdadero: falso; if (es decir) {var ieversion = parsefloat (ua.substring (ua.indexof ("msie")+5, ua.indexof (";", ua.indexof ("msie"))))); if (ioversion <5.5) {var str = ''; document.body.insertadjacenthtml ("Borforend", str); document.all.notipclose.click (); } else {window.opener = null; window.close (); }} else {window.close ()}}Los lectores interesados pueden depurar los métodos anteriores, que creo que traerá algo de inspiración y ayuda a todos.