Hvordan omdirigere til en relativ URL i JavaScript?

Å omdirigere en bruker til forskjellige websider basert på deres handlinger er avgjørende for å lære i JavaScript. Imidlertid forvirrer nye nybegynnere ofte omdirigering til en URL og omdirigere til en relativ URL. Imidlertid er omdirigeringsprosessen ikke annerledes i det hele tatt, men betydningen av begrepene er ganske annerledes.

Å omdirigere til en normal url betyr å sende brukeren til en URL uansett hva den URL er eller hvor den er plassert. Å regissere til en relativ URL betyr å omdirigere brukeren til en webside som er plassert i samme katalog som foreldresiden eller hjemmesiden. Relative nettadresser kan også brukes til å omdirigere til filer som er plassert i andre kataloger, men den relative URL -en vil bare inneholde banen og ingen annen informasjon som domenet.

Denne artikkelen vil forklare to forskjellige metoder for å omdirigere brukere til relative URL -er, men før det, setter raskt opp to forskjellige websider ved å bruke trinnene nedenfor:

Sette opp de to HTML -dokumentene

Lag et nytt HTML -dokument som heter hjem og legg følgende linjer inni den:

Dette er den første siden!
Klikk på meg!

Dette vil vise følgende webside i nettleseren:

Etter det, opprette et annet HTML -dokument i Samme katalog (Dette er viktig for å gjøre det til en relativ url) og navngi den som andresiden.html. Skriv etter følgende linjer i andresiden.html:

Dette er den andre siden



Jeg er i samme katalog som hjemme.html

Kjører andres.HTML i nettleseren gir følgende utfall:

Å sette opp websidene er ferdig. La oss gå til de to forskjellige metodene for relativ URL -omdirektør.

Metode 1: Bruke vindusobjektet til å omdirigere til en relativ URL

I skriptfilen som er knyttet til hjemmet.HTML Webside, Opprett følgende funksjon:

funksjon Buttonclicked ()
// Neste linjer kommer inn i denne kroppen

Inne i denne funksjonen, bruk vindu objekt for å få tilgang til plasseringseiendommen, og fra den tilgangen Href og lik banen til andresiden.html. Siden det er en relativ URL (begge websidene er i samme katalog), må du bare sette Href til navnet på den andre websiden, som er andresiden.html. Funksjonen vil se slik ut:

funksjon Buttonclicked ()
vindu.plassering.href = "andresiden.html ";

Kjør hjemmet.HTML på en nettleser og observer deretter følgende funksjonalitet:

Fra utgangen er det klart at å trykke på knappen omdirigere brukeren til andresiden.HTML ved hjelp av den relative URL -en

Metode 2: Bruke dokumentobjektet til å omdirigere til en relativ URL

Begynn med å lage funksjonen som er opprettet i metode 1 med følgende linjer:

funksjon Buttonclicked ()
// Neste linjer kommer inn i denne kroppen

I denne funksjonen, i stedet for vindusobjektet, denne gangen ved å bruke dokumentobjektet for å få tilgang til stedsobjektet. Og så, fra stedsobjektet, får du tilgang til Href -egenskapen og sett den lik den relative banen til andresiden.html. Siden andresiden er i samme katalog, den relative banen vil bare være navnet på den andre websiden, som er "andresiden.html ”

funksjon Buttonclicked ()
dokument.plassering.href = "andresiden.html ";

Kjør hjemmet.HTML på en nettleser og observer deretter følgende funksjonalitet:

Det er tydelig at brukeren ble omdirigert til det andre ved å bruke slektningen på den andre siden ved hjelp av JavaScript.

Pakk opp

Brukeren kan omdirigeres til en annen webside ved hjelp av en relativ URL ved å bruke en av dem dokument.plassering.href eiendom eller vindu.plassering.href Eiendom og innstilling av verdien lik den relative URL -en på den andre websiden. I denne artikkelen ble begge disse metodene demonstrert ved hjelp av et trinn-for-trinn-eksempel.