Hvordan åpne URL i ny fane ved hjelp av JavaScript?

Dette er veldig vanlig å navigere i brukere fra en side til en annen når du utvikler en webapplikasjon. Normalt når du bruker HTML, brukes ankerkoden til å legge til lenker for å navigere til andre sider. Som standard tillater ikke nettleseren deg å bytte til den nye fanen når du klikker på en lenke. Så vi må definere attributtet på lenken som vil rette instruksjonen til nettleseren at den trenger å åpne den lenken til en ny fane.

Mens vi jobber i HTML, kan vi sette "_blank" -verdien til målattributtet, og URL -lenken åpnes i en ny fane. Men hvordan du oppnår denne jobben når du bruker JavaScript. Vi vil snakke om hvordan du åpner en URL i en ny fane ved hjelp av JavaScript i denne oppskrivningen.

Åpne URL i en ny fane ved hjelp av HTML

En hyperkobling til en annen side opprettes med ankerelementet i HTML. Vi bruker Href -egenskapen for å gi nettadressen til siden vi ønsker at brukeren skal be om og "_blank" -verdien til målattributtet til taggen for å åpne lenken i en ny fane.

En tradisjonell metode for å få gjort denne jobben er som følger:

Linuxhint nettsted

Hvis du klikker på lenken “Linuxhint nettsted”, “Linuxhint.com ”åpner seg i den nye fanen.

Dette var en tradisjonell måte å åpne en lenke i en ny fane på.

Nå skal vi se på hvordan vi kan oppnå dette ved å bruke JavaScript

Åpne URL i en ny fane ved hjelp av JavaScript

For å åpne en URL i en ny fane ved hjelp av JavaScript, er det vindu.åpen() Metode kan brukes.

Teknikken er ganske enkel. Vi må bare gi to argumenter til vindu.åpen() metode. Den ene er nettadressen til websiden. Det andre argumentet er det samme som målattributtet i ankerkoden der vi spesifiserer hvor vi ønsker å åpne opp url e.g. “_blank”.

vindu.åpen ("URL", "_blank");

La oss tenke på et eksempel, der vi ønsker å åpne “Linuxhint.com ”nettsted i en ny fane med klikket på knappen.

Linuxhint nettsted

Etter å ha opprettet en knapp i HTML, har vi kalt en funksjon som heter "ny fane()".

La oss definere den i vår JavaScript -kode der vi vil bruke vindu.åpen() metode og gi den nettadressen til “Linuxhint.com ” nettsted og "_blank" Verdi for å åpne nettstedet i en ny fane.

JS

const newTab = () =>
vindu.Åpne ("https: // linuxhint.com "," _blank ");

La oss utføre koden og se resultatene.

Når vi klikker på knappen "Klikk", åpner den “Linuxhint.com ” I en ny nettleserfane.

Ytterligere metoder

Her er noen flere egenskaper som du kan legge ved mens du åpner en URL:

• _blank: URLen åpnes i en ny fane.
• _Parent: Overordnet ramme er lastet med nettadressen.
• _selv: Den nåværende siden erstattes når denne egenskapen kalles
• _topp: Eventuelle lastede rammer erstattes av URL -navnet - enkeens navn.

Konklusjon

For å åpne URL -en i den nye fanen, må du legge _blank verdi til mål attributt til ankerkoden i HTML. Du kan også velge ankerkoden ved hjelp av en JavaScript -velger og legge til mål attributt med _blank verdi. I dette innlegget har vi sett hvordan vi kan bruke vindu.åpen() Eiendom på ved trykk Hendelse av knappen for å åpne URL -en i den nye fanen programmatisk gjennom JavaScript.