Come aprire un URL in una nuova scheda con JavaScript

di Lorenzo Neri
0 commento 55 visualizzazioni

Come aprire un URL in una nuova scheda e NON in una nuova finestra con JavaScript? Scopriamolo assieme in questo articolo!

Quante volte ti è capitata la necessità di aprire un nuovo URL tramite JavaScript ma in una nuova scheda del tuo browser anziché in una nuova finestra: può essere frustrante lo ammetto e probabilmente ti sarà anche capitato di provare con queste alternative:

window.open(url);

… Ma i risultati non ti hanno entusiasmato vero?

E fammi un po’ indovinare: ti si è aperta una nuova finestra.

La funzione “open” nell’oggetto base “window” permette sì di aprire nuove risorse o URL, ma così come la vedi scritta, aprirà di default una nuova finestra!

Che fare quindi?

Dobbiamo sfruttare un attributo.

L’attributo “_blank”

L’attributo “_blank” è la nostra salvezza.

Questo piccolo attributo, che può sembrare totalmente tecnichese e senza senso, in realtà può essere utilizzato anche tramite HTML puro per aprire una nuova scheda nel tuo browser.

Ma indovina un po’? Possiamo usarlo tranquillamente per aprire URL in nuove schede e sì: ovviamente con JavaScript.

Tutto ciò che devi fare è una semplice cosa, ovvero:

window.open(url,"_blank");

Incredibile, ma con un semplice trucco, abbiamo risolto il problema.

Ma prima di lasciarci, ti voglio offrire un esempio completo, così da capire al 100% come poterlo utilizzare:

<html>   
<body> 
 
    <button onclick="apriSchedaNuova()">Apri URL nuova scheda</button> 
  
    <script> 
        function apriSchedaNuova() { 
            window.open("https://www.google.com", "_blank"); 
        } 
    </script> 
  
</body> 
  
</html> 

Potrebbero interessarti

Lascia un commento

Questo sito potrebbe fare uso di cookie e siccome l'UE mi obbliga a fartelo presente, eccoti il classico banner dove puoi decidere come gestirli. Accetta Leggi di più