HTML5 - Placeringsobjekt

Objektet Beliggenhed er en af ​​de mange, som vi kan få adgang til takket være SOL, Dette giver os mulighed for at få relevante oplysninger om dokumentets adresse og muliggør også navigation til andre dokumenter.
Placeringsobjektet
Som vi nævnte i begyndelsen, objektet Beliggenhed giver os mulighed for at få adgang til placeringsegenskaberne for vores dokument gennem SOL, så vi kan få detaljerede oplysninger om adresserne og hvordan man navigerer til andre dokumenter.
For at opnå alt dette har vi følgende egenskaber og metoder, som vi kan bruge, når vi kalder dette objekt, lad os se listen og hvad hver enkelt gør:

· protokol: Henter eller indstiller protokolkomponenten i dokumentets URL.

· vært: Henter eller indstiller værtskomponenten i dokumentets URL.

· href : Henter eller indstiller placeringen af ​​det aktuelle dokument.

· værtsnavn: Henter eller indstiller værtsnavnet på dokumentets URL.

· Havn: Henter eller indstiller portkomponenten i dokumentets URL.

· sti navn: Henter eller indstiller stien eller stikomponenten i dokumentets URL.

· Søg: Henter eller indstiller forespørgselskomponenten i dokumentets URL.

· hash : Henter eller indstiller en hashkomponent til dokumentets URL.

· tildele (): Naviger til den angivne URL.

· udskift (): Fjern det aktuelle dokument, og naviger til det, der er angivet i webadressen.

· genindlæse (): Genindlæs eller opdater det aktuelle dokument.

· resolutionURL (): Løser den angivne relative URL til en absolut sti.

Meget godt, nu hvor vi ved, hvad vi har, vil vi se et lille eksempel på, hvordan vi får alle disse oplysninger i et dokument ved hjælp af Javascript i vores HTML -dokument.

 Eksempel 

Lad os se, hvordan dette tolkes i browseren; For at demonstrere den søge- og hash -funktionalitet, vi bruger ? forespørgsel = æbler # æbler så vi kan se, hvordan browseren tager det, under resultatet i følgende billede:

Brug placeringsobjektet til at navigere til en anden side
Som vi tidligere havde nævnt, kan vi også bruge placeringsobjektet til at navigere til et andet websted, det vil sige at gå til et andet dokument, der er flere måder at gøre det på, men vi kommer til at se en af ​​de enkleste denne gang i en demonstrativ Lad os først se den kode, vi skal generere, og derefter vil vi forklare, hvordan den fungerer:

 Eksempel
Der er masser af forskellige slags frugt - der er over 500 sorter bananer alene. Når vi tilføjer de utallige typer æbler, appelsiner og andre velkendte frugter, står vi over for tusindvis af valgmuligheder.
Tryk på mig
Et af de mest interessante aspekter af frugt er sorten i hvert land. Jeg bor i nærheden af ​​London, i et område, der er kendt for sine æbler.
 

I denne kode gør vi simpelthen følgende, først fastslår vi, at vi i elementet med id pressme vil inkludere en ny funktion, når du klikker på den, dette takket være onclick -begivenheden, derefter inden for den funktion, der aktiveres, når du klik bruger vi objektet document.location.hash og vi matcher værdien af ​​den hash, som vi skal navigere til, i dette tilfælde er banan et billede, som vi har inkluderet som id for et billede img -element.
Lad os se, hvordan dette ser ud i vores browser:

FORSTØRRE

Som vi kan se, er det en meget nyttig adfærd, og vi opnår det på en meget enkel måde ved hjælp af placeringsobjektet.
En anden måde kan være at bruge erstatningsmetoden, som vi tidligere havde angivet, men særligt ved udskiftning er, at den erstatter det aktuelle dokument med det, den modtager som parameter, og eliminerer dermed det dokument, der kaldte det fra historikken, så tilbage -knappen browseren ville ikke føre nogen steder.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt