Cómo abrir URL en una pestaña New usando JavaScript?

Esto es muy común para navegar a los usuarios de una página a otra cuando está desarrollando una aplicación web. Normalmente, cuando está utilizando HTML, la etiqueta de anclaje se usa para agregar enlaces para navegar a otras páginas. Por defecto, el navegador no le permite cambiar a la nueva pestaña al hacer clic en un enlace. Por lo tanto, necesitamos definir el atributo en el enlace que dirigirá las instrucciones al navegador que necesita abrir ese enlace en una nueva pestaña.

Mientras trabajamos en HTML, podemos poner el valor "_blank" en el atributo de destino y el enlace de URL se abrirá en una nueva pestaña. Pero cómo lograr este trabajo cuando usa JavaScript. Hablaremos sobre cómo abrir una URL en una nueva pestaña usando JavaScript en este artículo.

Apertura de URL en una nueva pestaña usando HTML

Se crea un hipervínculo a otra página con el elemento de anclaje en HTML. Utilizamos la propiedad HREF para dar la URL de la página que queremos que el usuario solicite y el valor "_blank" al atributo de destino de la etiqueta para abrir el enlace en una nueva pestaña.

Un método tradicional para hacer este trabajo es el siguiente:

Sitio web de Linuxhint

Ahora, si hace clic en el enlace "Sitio web de Linuxhint", el "Linuxhint.com ”se abrirá en la nueva pestaña.

Esta era una forma tradicional de abrir un enlace en una nueva pestaña.

Ahora vamos a ver cómo podemos lograr esto usando JavaScript

Apertura de URL en una nueva pestaña usando JavaScript

Para abrir una URL en una nueva pestaña con JavaScript, el ventana.abierto() se puede utilizar el método.

La técnica es bastante simple. Solo tenemos que pasar dos argumentos al ventana.abierto() método. Uno es la URL de la página web. El segundo argumento es el mismo que el atributo objetivo en la etiqueta de anclaje en la que especificamos dónde queremos abrir la URL E.gramo. "_blanco".

ventana.abrir ("url", "_blank");

Pensemos en un ejemplo, en el que queremos abrir el "Linuxhint.COM "Sitio web en una nueva pestaña con el clic del botón.

Sitio web de Linuxhint

Después de crear un botón en HTML, hemos llamado una función nombrada "nueva pestaña()".

Definámoslo en nuestro código JavaScript donde usaremos el ventana.abierto() método y proporcionarle la URL de la "Linuxhint.com " sitio web y "_blanco" valor para abrir el sitio web en una nueva pestaña.

Js

const newtab = () =>
ventana.Abrir ("https: // linuxhint.com "," _blank ");

Ejecutemos el código y veamos los resultados.

Cuando hacemos clic en el botón "Haga clic", abre el "Linuxhint.com " En una nueva pestaña del navegador.

Métodos adicionales

Aquí hay algunas propiedades adicionales que puede adjuntar al abrir una URL:

• _blanco: La URL se abre en una nueva pestaña.
• _padre: El marco principal está cargado con la URL.
• _ser: La página actual se reemplaza cuando se llama a esta propiedad
• _arriba: Cualquier cuadro de marcos cargados se reemplaza por el nombre de la URL: el nombre de la viuda.

Conclusión

Para abrir la URL en la nueva pestaña, debe poner el _blanco valor para el objetivo Atributo de la etiqueta de anclaje en el HTML. También puede seleccionar la etiqueta de anclaje con un selector de JavaScript y agregar el objetivo atribuir _blanco valor. En esta publicación, hemos visto cómo podemos usar el ventana.abierto() propiedad en el al hacer clic Evento del botón para abrir la URL en la nueva pestaña mediante programación a través de JavaScript.