Come aprire un URL in una nuova scheda e NON in una nuova finestra con JavaScript? Scopriamolo assieme in questo articolo!
Mi è capitato in diversi progetti web a cui ho lavorato di dover aprire una nuova scheda del browser web con JavaScript, ho avuto così tanti problemi che su JavaScript ci ho creato un’intera categoria di questo blog proprio qui!
Ma chi sono io per parlarne, ti starai chiedendo?
Ciao mi chiamo Lorenzo Neri e sono un informatico: realizzo contenuti per aiutare le persone a padroneggiare l’arte del nuovo millennio, ovvero l’informatica!
Questo blog è nato con l’idea di raccogliere tutti i miei errori e le soluzioni che sono riuscito a trovare lungo il mio percorso.
Perchè? Per aiutare persone come te!
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” per aprire una nuova scheda con JavaScript
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>
E poi?
E poi potresti farmi sapere se questo articolo ti è stato utile con un commento qui sotto!
Oppure, se vuoi rimanere aggiornato su ciò che pubblico ti invito ad iscriverti alla mia newsletter! 😀
