Skip to main content

Cómo abrir un enlace en una nueva ventana usando JavaScript

Como mover forms sin barra de titulo en Visual Studio (Abril 2025)

Como mover forms sin barra de titulo en Visual Studio (Abril 2025)
Anonim

JavaScript es una forma útil de abrir un enlace en una nueva ventana porque controla cómo se verá la ventana y dónde se colocará en la pantalla al incluir las especificaciones.

Sintaxis para el método Open () de la ventana de JavaScript

Para abrir una URL en una nueva ventana del navegador, use el método abrir () de Javascript 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 utilizando parámetros.

Parámetro de URL

Ingrese 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");

Parámetro de nombre

los nombre parámetro establece el destino para la URL. Abrir la URL en una nueva ventana es el valor predeterminado y se indica de esta manera:

  • _blanco. Abre una nueva ventana para la URL.

Otras opciones que puede utilizar incluyen:

  • _yo. Reemplaza la página actual con la URL.
  • _padre. Carga la URL en el marco principal.
  • _parte superior. Reemplaza cualquier conjunto de marcos que se cargan.

Especificaciones

los especificaciones El parámetro es donde se personaliza la nueva ventana al ingresar una lista separada por comas sin espacios en blanco. Elija entre los siguientes valores.

  • altura = píxeles. Esta especificación establece la altura de la nueva ventana en píxeles. El valor mínimo que se puede introducir es 100.
  • ancho = píxeles. Esto establece el ancho de la nueva ventana en píxeles. El valor mínimo es 100.
  • izquierda = píxeles. Esta especificación establece la posición izquierda de la nueva ventana. No se pueden introducir valores negativos.
  • arriba = píxeles. Esto establece la posición superior de la nueva ventana. No se pueden utilizar valores negativos.
  • barra de menú = sí | no | 1 | 0. Utilice esta especificación para indicar si desea mostrar o no la barra de menús.
  • estado = sí | no | 1 | 0. Esto indica si agregar o no una barra de estado.

Algunas especificaciones son específicas del navegador:

  • ubicación = sí | no | 1 | 0. Esta especificación indica si mostrar o no el campo de dirección. Solo para el navegador Opera.
  • resizeable = yes | no | 1 | 0. Determina si la ventana se puede redimensionar o no. Para uso con IE solamente.
  • ubicación = sí | no | 1 | 0. Indica si se muestran o no las barras de desplazamiento. Compatible solo con IE, Firefox y Opera.
  • barra de herramientas = sí | no | 1 | 0. Determina si mostrar o no la barra de herramientas del navegador. Compatible solo con IE y Firefox.

Reemplazar

Este parámetro opcional tiene un solo 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 aparece como una nueva entrada.

  • Cuando cierto, la URL reemplaza la entrada actual del navegador en la lista de historial
  • Cuando falso, la URL aparece como una nueva entrada en la lista del historial del navegador.