Hvordan navigere til en annen side i JavaScript

I webapplikasjoner er navigering av sider en viktig funksjon. Det kan oppnås ved hjelp av hyperkoblinger i HTML, mens noen ganger må utviklere omdirigere til en annen side dynamisk ved hjelp av JavaScript. For eksempel, mens du sender inn skjemaer, blir brukerne omdirigert til suksess- eller feilmeldingen eller den målrettede URL/-siden på et knappeklikk.

Denne opplæringen vil demonstrere metodene for å navigere i siden til en annen side ved hjelp av JavaScript.

Hvordan navigere til en annen side i JavaScript?

For å navigere eller omdirigere, bruk følgende JavaScript -tilnærminger:

• tilordne () Metode
• erstatte () metode
• HREF -attributt

Metode 1: Naviger til en annen side ved hjelp av “Plassering.tilordne () ”-metode

Bruke "tildele()”Metode med“plassering”Objekt for å navigere i en side til en annen side. Den omdirigerer nettleseren til den medfølgende URL -en på samme måte som en hyperkobling ville.

Syntaks

Følgende syntaks brukes for tilordningsmetoden () for å omdirigere siden til en annen side:

plassering.tilordne ("URL")

Det tar en "URL”Sti som et argument der siden vil omdirigere:

Eksempel

I en HTML -fil, oppretter du en knapp som vil omdirigere til det offisielle nettstedet til Linuxhint på knappeklikk:

Klikk her

Definere en funksjon “NavigatePage ()”I en JavaScript -fil, som vil utløse på knappeklikket. Denne funksjonen kaller “tildele()”Metode ved å sende URL -en som et argument for å omdirigere til den offisielle Linuxhint.com nettsted:

funksjon NavigatePage ()
plassering.tilordne ("https: // linuxhint.com ");

Som du kan se at vi har blitt navigert til Linuxhint med hell.com nettsted på knappeklikk:

Øverst til venstre kan du se at etter å ha navigert til Linuxhint.com webside, back pil -knappen er aktivert. Dette betyr at det lar deg gå tilbake eller navigere til forrige side.

Metode 2: Naviger til en annen side ved hjelp av “Plassering.erstatte () ”-metode

For å navigere til en annen side, bruk JavaScript innebygd “plassering.erstatte()”Metode. Det brukes til å erstatte det gjeldende dokumentet/siden med en ny side. Denne metoden ligner på stedet.tilordne (), men forskjellen er at den erstatter siden og lar deg ikke navigere tilbake.

Syntaks

Følg den medfølgende syntaks for erstatningsmetoden:

plassering.erstatte ("URL")

Eksempel

Ring erstatningsmetoden () med den spesifiserte URL i den definerte funksjonen:

funksjon NavigatePage ()
plassering.erstatt ("https: // linuxhint.com ");

Utgangen indikerer at siden har blitt navigert med hell, men du kan se at den ikke tillater å gå tilbake til forrige side ettersom back -knappen er deaktivert:

Metode 3: Naviger til en annen side ved hjelp av “Plassering.Href ”attributt

Du kan også bruke “href”Eiendom med“plassering”Objekt for å navigere til en annen side ved hjelp av JavaScript. For navigering, tilordne en ny verdi av URL til den. "Href" -attributtet indikerer den gjeldende nettadressen. Ved å gi den en ny verdi, kan den brukes til å gå til den andre URL -en.

Syntaks

Den gitte syntaks brukes for HREF -attributtet til å navigere på siden til en annen side:

plassering.href = "url"

Eksempel

Tilordne nettadressen til HREF -attributtet i den definerte funksjonen for å omdirigere til Linuxhint.com offisiell side:

funksjon NavigatePage ()
plassering.href = "https: // linuxhint.com ";

Produksjon

Det handler om å navigere eller omdirigere til en annen side i JavaScript.

Konklusjon

For å navigere i siden til en annen side, bruk "plassering.tildele()”Metode,“plassering.erstatte()”Metode, eller“plassering.href" Egenskap. "Tildel ()" -metoden og "Href" -attributtet tillater back -navigasjon mens "erstatning ()" -metoden ikke tillater navigering tilbake til forrige side. Denne opplæringen demonstrerte metodene for å navigere i siden til en annen side ved hjelp av JavaScript.