HTML5 - Stedsobjekt

Objektet plassering er en av de mange som vi kan få tilgang til takket være SOL, Dette gir oss mulighet til å skaffe relevant informasjon om adressen til dokumentet og også gjøre det mulig å navigere til andre dokumenter.
Stedsobjektet
Som vi nevnte i begynnelsen, objektet plassering gir oss tilgang til posisjonsegenskapene til dokumentet vårt gjennom SOL, slik at vi kan få detaljert informasjon om adressene og hvordan du navigerer til andre dokumenter.
For å få alt dette har vi følgende egenskaper og metoder som vi kan bruke når vi kaller dette objektet, la oss se listen og hva hver enkelt gjør:

· protokoll: Henter eller angir protokollkomponenten i dokumentets URL.

· vert: Henter eller angir vertskomponenten i dokumentets URL.

· href : Henter eller angir plasseringen av det gjeldende dokumentet.

· vertsnavn: Henter eller angir vertsnavnet til dokumentets URL.

· havn: Henter eller angir portkomponenten i dokumentets URL.

· banenavn: Henter eller angir banen eller banen til dokumentadressen.

· Søk: Henter eller angir spørrekomponenten i dokumentets URL.

· hash : Henter eller angir en hash -komponent for dokumentets URL.

· tildele (): Naviger til den angitte nettadressen.

· erstatte (): Fjern det gjeldende dokumentet og naviger til det som er angitt i URL -en.

· last inn på nytt (): Last inn eller oppdater gjeldende dokument.

· resolURL (): Løser den angitte relative URL -adressen til en absolutt bane.

Veldig bra, nå som vi vet hva vi har, kommer vi til å se et lite eksempel på hvordan du får all denne informasjonen i et dokument ved hjelp av Javascript i vårt HTML -dokument.

 Eksempel 

La oss se hvordan dette tolkes i nettleseren; For å demonstrere søke- og hashfunksjonaliteten vi bruker ? spørring = epler # epler slik at vi kan se hvordan nettleseren tar det, under resultatet i følgende bilde:

Bruk plasseringsobjektet til å navigere til en annen side
Som vi hadde nevnt tidligere kan vi også bruke plasseringsobjektet til å navigere til et annet nettsted, det vil si å gå til et annet dokument, det er flere måter å gjøre det på, men vi kommer til å se en av de enkleste denne gangen i en demonstrasjon La oss først se koden vi må generere, og deretter vil vi forklare hvordan den fungerer:

 Eksempel
Det er mange forskjellige frukttyper - det er over 500 varianter av bananer alene. Når vi legger til de utallige typer epler, appelsiner og annen kjent frukt, står vi overfor tusenvis av valg.
Trykk meg
En av de mest interessante aspektene ved frukt er variasjonen som er tilgjengelig i hvert land. Jeg bor i nærheten av London, i et område som er kjent for sine epler.
 

I denne koden gjør vi ganske enkelt følgende, først fastslår vi at i elementet med id pressme skal vi inkludere en ny funksjon når du klikker på den, dette takket være onclick -hendelsen, deretter i funksjonen som aktiveres når du klikk bruker vi objektet document.location.hash og vi samsvarer med verdien av hashen som vi skal navigere til, i dette tilfellet er banan et bilde som vi har inkludert som id for et bilde img -element.
La oss se hvordan dette ser ut i nettleseren vår:

FORSTØRRE

Som vi kan se, er det en veldig nyttig oppførsel, og vi oppnår det på en veldig enkel måte ved å bruke plasseringsobjektet.
En annen måte kan være å bruke erstatningsmetoden som vi tidligere hadde listet opp, men særegenheten med erstatning er at den erstatter det nåværende dokumentet med det det mottar som en parameter, og eliminerer dermed dokumentet som kalte det fra historien, så tilbakeknappen nettleseren vil ikke lede noe sted.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng