Come aprire un URL in una nuova scheda e NON in una nuova finestra con JavaScript? Scopriamolo assieme in questo articolo!
In diversi progetti web a cui ho lavorato, mi è capitato di dover aprire una nuova scheda del browser con JavaScript. Visto quante difficoltà ho incontrato, ho deciso di dedicare a JavaScript un’intera categoria di questo blog.
Ma chi sono io per parlarne?
Ciao, mi chiamo Lorenzo Neri e sono un informatico. Realizzo contenuti per aiutare le persone a padroneggiare l’arte del nuovo millennio: l’informatica.
Questo blog nasce con l’idea di raccogliere errori ed esperienze e condividere le soluzioni che ho trovato lungo il mio percorso.
Perché? Per aiutare persone come te!
Quante volte ti sei trovato a dover aprire un nuovo URL tramite JavaScript, ma in una nuova scheda del browser anziché in una nuova finestra? Probabilmente avrai provato con questo comando:
window.open(url); … ma i risultati non ti hanno convinto, vero?
Infatti, molto probabilmente si è aperta una nuova finestra.
Il motivo è che la funzione open dell’oggetto window, così com’è, apre di default una finestra nuova.
Che fare quindi?
La risposta è: sfruttare un attributo.
L’attributo “_blank” per aprire una nuova scheda con JavaScript
L’attributo “_blank” è la chiave per ottenere il risultato che ci serve.
Lo si può usare sia in HTML puro per aprire link in una nuova scheda, sia direttamente in JavaScript.
Tutto ciò che devi fare è:
window.open(url, "_blank"); Un semplice accorgimento ed ecco che il problema è risolto!
Ecco un esempio completo, così da vedere l’uso pratico:
<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?
Se questo articolo ti è stato utile, fammelo sapere con un commento qui sotto!
Oppure, se vuoi rimanere aggiornato su ciò che pubblico, iscriviti alla mia newsletter! :D
