Blog
Siguiendo con los mini tutoriales de Java Script en esta oportunidad vamos a ver cómo hacer para abrir una nueva pestaña con dicho lenguaje, de tal forma que se mantenga la pestaña actual y se posiciones automáticamente en la nueva. Por lo general esta funcionalidad se suele realizar con un enlace creado mediante un tag HTML, pero como en muchos casos puede surgir la necesidad de hacerlo con Java Script vamos a ver como realizarlo paso a paso.
En esta ocasión publicaremos el código completo de dicha funcionalidad para que puedas utilizar libremente en todos tus proyectos personales o incluso en el trabajo.
Código para abrir una nueva pestaña usando Java Script
Para poder abrir la pestaña o tab vamos a utilizar la función window.open, que recibe una URL como primer parámetro y como segundo parámetro la forma con la cual se va a ejecutar la nueva pestaña. Opcionalmente se puede utilizar la función focus para poner el foco en el nuevo tab.
<html> <head> <title>Cómo abrir una nueva pestaña con Java Script</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> </head> <body> <button id="open">Abrir</button> <script> function abrirNuevoTab(url) { // Abrir nuevo tab var win = window.open(url, '_blank'); // Cambiar el foco al nuevo tab (punto opcional) win.focus(); } $('#open').click(function(){ abrirNuevoTab('https://programacionextrema.com') }) </script> </body> </html>
Al ejecutar el código anterior se puede visualizar un botón, el cual al presionarlo va a crear una nueva ventana o pestaña en el navegador que estés utilizando actualmente.
Es importante aclarar que el código proporcionado es compatible con todos los navegadores, incluyendo a Google Chrome, Firefox, Explorer y Safari.
Eso es todo lo que hay que realizar para poder abrir una nueva ventana con Java Script, en caso de tener algún inconveniente pueden dejar un menaje en los comentarios.
Hola amigo gracias por el código, hay posibilidad de modificar este código para que en lugar de abrir siempre una web address fija sea un link clickable en una sección como resultado de búsqueda? quiero hacerlo para un script que me permita realizar busquedas en una hoja de calculo de Gsheet y el resultado de la busqueda sea una web adress que corresponda por titulo, por ejemplo:
Busqueda: Unipython
Resultado de Busqueda: https://unipython.com/
asi como cualquier otro titulo que quiera buscar y me muestre en el resultado la web address que corresponde y pueda abrir en una nueva pestaña, agradezco tu respuesta saludos
Claro que si, esa es la magia de Javascript, suerte.