JavaScript es una forma útil de abrir un enlace en una nueva ventana porque usted controla cómo se verá la ventana y dónde se colocará en la pantalla al incluir especificaciones.
Índice de contenidos
Sintaxis para el método JavaScript Window Open()
Para abrir una URL en una nueva ventana del navegador, utilice el método Javascript open() como se muestra aquí:
window.open(URL, nombre, especificaciones, reemplazar)
>
y personalizar cada uno de los parámetros.
Por ejemplo, el siguiente código abre una nueva ventana y especifica su apariencia mediante parámetros.
Parámetro URL
Introduzca la URL de la página que desea abrir en la nueva ventana. Si no especifica una URL, se abrirá una nueva ventana en blanco.
window.open("https://www.somewebsite.com", "_blank", "toolbar=yes,top=500,left=500,width=400,height=400");
Nombre Parámetro
El parámetro name establece el destino de la URL. La apertura de la URL en una nueva ventana es la predeterminada y se indica de esta manera:
- En blanco. Abre una nueva ventana para la URL.
Otras opciones que puede usar incluyen:
- …a mí mismo. Reemplaza la página actual con la URL.
- padre o madre. Carga la URL en el marco padre.
- Para arriba. Reemplaza cualquier juego de marcos que esté cargado.
Especificaciones
El parámetro specs es donde se personaliza la nueva ventana introduciendo una lista separada por comas sin espacios en blanco. Seleccione uno de los siguientes valores.
- altura=pixeles. Esta especificación establece la altura de la nueva ventana en píxeles. El valor mínimo que se puede introducir es 100.
- Esto establece el ancho de la nueva ventana en píxeles. El valor mínimo es 100.
- left=pixels. Esta especificación establece la posición izquierda de la nueva ventana. No se pueden introducir valores negativos.
- top=pixels. Ajusta la posición superior de la nueva ventana. No se pueden utilizar valores negativos.
- menubar=sí|no|1|0. Utilice esta especificación para indicar si desea mostrar o no la barra de menús.
- status=sí|no|1|0. Indica si se debe añadir o no una barra de estado.
Algunas especificaciones son específicas del navegador:
- location=yes|no|1|0. Esta especificación indica si se debe mostrar o no el campo de dirección. Sólo para el navegador Opera.
- redimensionable=sí|no|1|0. Determina si se puede cambiar el tamaño de la ventana. Para uso sólo con IE.
- location=yes|no|1|0. Indica si se deben mostrar o no las barras de desplazamiento. Compatible sólo con IE, Firefox y Opera.
- toolbar=yes|no|1|0. Determina si se debe mostrar o no la barra de herramientas del navegador. Compatible sólo con IE y Firefox.
Reemplazar
Este parámetro opcional sólo tiene un propósito: especificar si la URL que se abre en la nueva ventana reemplaza la entrada actual en la lista del historial del navegador o si aparece como una nueva entrada.
- Cuando true , la URL reemplaza la entrada actual del navegador en la lista del historial
- Cuando false , la URL aparece como una nueva entrada en la lista del historial del navegador.
