Come aprire l'URL nella nuova scheda usando JavaScript?

Questo è molto comune per navigare dagli utenti da una pagina all'altra quando si sviluppa un'applicazione Web. Normalmente quando si utilizza HTML, il tag di ancoraggio viene utilizzato per aggiungere collegamenti per navigare ad altre pagine. Per impostazione predefinita, il browser non consente di passare alla nuova scheda quando si fa clic su un collegamento. Quindi dobbiamo definire l'attributo sul collegamento che indirizzerà le istruzioni al browser che deve aprire quel collegamento in una nuova scheda.

Mentre stiamo lavorando in HTML, possiamo mettere il valore "_blank" sull'attributo target e il collegamento URL verrà aperto in una nuova scheda. Ma come raggiungere questo lavoro quando si utilizza JavaScript. Parleremo di come aprire un URL in una nuova scheda usando JavaScript in questo articolo.

Apertura dell'URL in una nuova scheda usando HTML

Un collegamento ipertestuale di un'altra pagina viene creato con l'elemento di ancoraggio in HTML. Utilizziamo la proprietà HREF per fornire l'URL della pagina a cui desideriamo che l'utente richieda e il valore "_blank" all'attributo target del tag per l'apertura del collegamento in una nuova scheda.

Un metodo tradizionale per svolgere questo lavoro è il seguente:

Sito Web LinuxHint

Ora, se fai clic sul collegamento "Web LinuxHint", "LinuxHint.com "si aprirà nella nuova scheda.

Questo era un modo tradizionale per aprire un link in una nuova scheda.

Ora daremo un'occhiata a come possiamo raggiungere questo obiettivo usando JavaScript

Apertura dell'URL in una nuova scheda usando JavaScript

Per aprire un URL in una nuova scheda usando JavaScript, il finestra.aprire() il metodo può essere utilizzato.

La tecnica è piuttosto semplice. Dobbiamo solo passare due argomenti al finestra.aprire() metodo. Uno è l'URL della pagina web. Il secondo argomento è lo stesso dell'attributo target nel tag di ancoraggio in cui specifichiamo dove vogliamo aprire l'url e.G. "_vuoto".

finestra.aperto ("URL", "_blank");

Pensiamo a un esempio, in cui vogliamo aprire il "Linuxhint.com "sito Web in una nuova scheda con il clic del pulsante.

Sito Web LinuxHint

Dopo aver creato un pulsante in HTML, abbiamo chiamato una funzione denominata "nuova scheda()".

Definiamolo nel nostro codice JavaScript in cui useremo il finestra.aprire() metodo e fornilo l'URL del “Linuxhint.com " Sito web e "_vuoto" Valore per l'apertura del sito Web in una nuova scheda.

Js

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

Eseguiamo il codice e vediamo i risultati.

Quando facciamo clic sul pulsante "Fare clic" apre il “Linuxhint.com " In una nuova scheda browser.

Metodi aggiuntivi

Ecco alcune proprietà aggiuntive che puoi allegare durante l'apertura di un URL:

• _vuoto: L'URL è aperto in una nuova scheda.
• _genitore: Il frame genitore viene caricato con l'URL.
• _se stesso: La pagina corrente viene sostituita quando viene chiamata questa proprietà
• _superiore: Eventuali frame di carichi vengono sostituiti dal nome URL - il nome della vedova.

Conclusione

Per aprire l'URL nella nuova scheda, devi mettere il _vuoto valore per il bersaglio attributo del tag di ancoraggio nell'HTML. È inoltre possibile selezionare il tag di ancoraggio utilizzando un selettore JavaScript e aggiungere il bersaglio attributo con _vuoto valore. In questo post, abbiamo visto come possiamo usare il finestra.aprire() proprietà al al clic Evento del pulsante per l'apertura dell'URL nella nuova scheda programmaticamente tramite JavaScript.