1. Sintaxis básica:
Window.open (página, nombre, parámetros)
en:
Pageurl es la ruta de la ventana infantil
el nombre es el nombre de la ventana infantil
Los parámetros son parámetros de la ventana (cada parámetros está separado por comas)
2. Ejemplo
La copia del código es la siguiente:
<script type = "text/javaScript">
Window.open ('Page.html', 'NewWindow', 'Height = 500, Width = 800, Top = 0, Left = 0,
Barra de herramientas = no, Menubar = no, Scrollbars = no, resizable = no, ubicación = no, status = no ')
</script>
Page.html se abrirá en la nueva forma NewWindow, con un ancho de 800, una altura de 500, 0 píxeles desde la parte superior de la pantalla y 0 píxeles desde la izquierda de la pantalla,
Sin barra de herramientas, sin menubar, sin barra de desplazamiento, sin cambiar el tamaño, sin barra de direcciones, sin barra de estado.
Hay diferencias en el nivel de soporte de las características de la ventana de la ventana. Open () en cada navegador
Resumen de los resultados de ejecución de cada navegador:
La tabla anterior muestra el grado de soporte para cada navegador para las opciones de parámetros de características, y las explicaciones especiales son las siguientes:
[Nota 1]: En IE7 IE8 Firefox Chrome Safari, cuando la opción "Menubar" es "Sí", la barra de menú no se mostrará de forma predeterminada. Debe presionar la tecla ALT antes de que se pueda mostrar la barra de menú; Por el contrario, cuando la opción "Menubar" es "No", la barra de menú no se mostrará incluso si se presiona la tecla ALT.
[Nota 2]: en Safari, el efecto de visualización es el mismo que cuando se enciende la opción "Ubicación" y se enciende la opción "Barra de herramientas".
[Nota 3]: en IE6 IE8 Chrome, use "Top" y "Left" para ubicarse. Si el valor de coordenada establecido es demasiado grande, la ventana emergente se puede mostrar fuera del rango visual de la pantalla.
[Nota 4]: en IE7 Firefox Safari Opera, use "superior" y "izquierda" para ubicar. Si el valor de la coordenada establecida es demasiado grande, la ventana ajustará automáticamente los valores "superior" e "izquierda" para garantizar que la ventana se muestre normalmente en el área visible de la pantalla.
[Nota 5]: en Chrome Opera, no es compatible con usar "izquierda" y "superior" independientemente sin establecer los valores de "ancho" y "altura". En este momento, los valores de configuración "izquierda" y "superior" no surtan efecto.
[Nota 6]: en Chrome, no es compatible con usar "ancho" y "altura" independientemente sin establecer los valores "izquierda" y "altura". En este momento, los valores de configuración de "altura" de "ancho" no surtan efecto. Combinado con las instrucciones de [Nota 5], podemos ver que no importa si desea establecer uno o varios valores en el ancho, la altura o la posición de la ventana emergente en Chrome, debe asignarlos a todos, de lo contrario ninguno de ellos funcionará.
[Nota 7]: En Firefox Chrome, la barra de direcciones siempre se mostrará.
[Nota 8]: en Opera, la barra de direcciones no se muestra de forma predeterminada, pero puede hacer clic en la barra horizontal en la parte superior de la página para mostrarla. Después de configurar "ubicación = sí", la barra de direcciones se mostrará automáticamente.
[Nota 9]: En Chrome Opera, la barra de menú nunca se mostrará independientemente de cómo se establezca el valor "Menubar".
[Nota 10]: No importa cómo el valor "recuperable" se establezca en Firefox Safari Chrome Opera, el usuario siempre puede cambiar el tamaño de la ventana.
[Nota 11]: en Safari Chrome, cuando hay una barra de desplazamiento en la página, la barra de desplazamiento siempre es visible independientemente de cómo se establece el valor de "barras de desplazamiento".
[Nota 12]: IE7 puede admitir el parámetro "Estado" para ocultar la barra de estado de forma predeterminada en el sistema Windows XP SP3; mientras que el parámetro "Estado" no es compatible en el entorno predeterminado del sistema Windows Vista, y la barra de estado siempre es visible. Esto está relacionado con los diferentes números de versión Pequeños Pequeños IE7 diferentes en los dos sistemas. El primero tiene un número de versión más bajo y el último tiene un número de versión más alto.
[Nota 13]: en Firefox, la barra de estado siempre es visible, sin importar cómo se establece el valor de "estado", mientras que en Chrome Opera, la barra de estado siempre es invisible en la dirección opuesta a la primera.
[Nota 14]: en Chrome Opera, la barra de herramientas nunca se muestra independientemente de cómo se establezca el valor de la "barra de herramientas".
En resumen, se puede ver que existen grandes diferencias en el nivel de soporte del parámetro Sfeatures de la ventana. Método abierto, por lo que debe tener cuidado al usarlo.
En general, cuando usamos Window. Abra la página, debemos mostrarla en el centro. Código de muestra:
La copia del código es la siguiente:
ancho var = 800; // El ancho de la ventana emergente;
altura var = 500; // la altura de la ventana emergente;
var top = (window.screen.availheight-height)/2; // La posición vertical de la ventana;
var izquierda = (Window.screen.availwidth-width)/2; // posición horizontal de la ventana;
Window.open ('Page.html', 'NewWindow', 'Height ='+Height+', width ='+width+', top ='+top+', izquierda ='+izquierda+',
Barra de herramientas = no, Menubar = no, Scrollbars = no, resizable = no, ubicación = no, status = no ')
La diferencia entre la vida disponible y la altura
La copia del código es la siguiente:
Window.screen.Width Devuelve el ancho de pantalla actual (valor de resolución)
Window.screen.Height Devuelve la altura actual de la pantalla (valor de resolución)
Screen.availwidth, pantalla.availheight se refiere a la longitud y el ancho, excepto la barra de tareas.