Hvordan omdirigere til en relativ URL i JavaScript?
Å 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!
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.