HTML5 - Platsobjekt

Objektet plats är en av många som vi kan komma åt tack vare SOL, Detta gör att vi kan få relevant information om dokumentets adress och möjliggör även navigering till andra dokument.
Platsobjektet
Som vi nämnde i början, objektet plats tillåter oss att komma åt platsegenskaperna för vårt dokument genom SOL, så att vi kan få detaljerad information om adresserna och hur vi navigerar till andra dokument.
För att få allt detta har vi följande egenskaper och metoder som vi kan använda när vi kallar det här objektet, låt oss se listan och vad var och en gör:

· protokoll: Hämtar eller ställer in protokollkomponenten i dokumentets URL.

· värd: Hämtar eller ställer in värdkomponenten i dokumentets URL.

· href : Hämtar eller anger platsen för det aktuella dokumentet.

· värdnamn: Hämtar eller anger värdnamnet för dokumentets URL.

· hamn: Hämtar eller ställer in portkomponenten i dokumentets URL.

· sökvägsnamn: Hämtar eller ställer in sökvägen eller sökvägskomponenten för dokumentets URL.

· Sök: Hämtar eller ställer in frågekomponenten i dokumentets URL.

· hash : Hämtar eller ställer in en hashkomponent för dokumentets URL.

· tilldela (): Navigera till den angivna URL: en.

· byta ut (): Ta bort det aktuella dokumentet och navigera till det som anges i webbadressen.

· ladda om (): Ladda om eller uppdatera det aktuella dokumentet.

· resolutionURL (): Löser den angivna relativa URL: en till en absolut sökväg.

Mycket bra, nu när vi vet vad vi har, kommer vi att se ett litet exempel på hur man får all denna information i ett dokument med Javascript i vårt HTML -dokument.

 Exempel 

Låt oss se hur detta tolkas i webbläsaren; För att visa sök- och hashfunktionen vi använder ? fråga = äpplen # äpplen så att vi kan se hur webbläsaren tar det, under resultatet i följande bild:

Använd platsobjektet för att navigera till en annan sida
Som vi tidigare nämnt kan vi också använda platsobjektet för att navigera till en annan webbplats, det vill säga att gå till ett annat dokument, det finns flera sätt att göra det, men vi kommer att se ett av de enklaste den här gången i en demonstration sätt, låt oss först se koden som vi måste generera och sedan kommer vi att förklara hur det fungerar:

 Exempel
Det finns massor av olika sorters frukt - det finns över 500 banansorter ensamma. När vi lägger till de otaliga typerna av äpplen, apelsiner och annan välkänd frukt står vi inför tusentals val.
Tryck på mig
En av de mest intressanta aspekterna av frukt är sorten som finns i varje land. Jag bor nära London, i ett område som är känt för sina äpplen.
 

I den här koden gör vi helt enkelt följande, först konstaterar vi att i elementet med id pressme kommer vi att inkludera en ny funktion när du klickar på den, detta tack vare onclick -händelsen, sedan inom funktionen som aktiveras när du klicka vi använder objektet document.location.hash och vi matchar värdet på hashen som vi ska navigera till, i det här fallet är banan en bild som vi har inkluderat som id för ett bild img -element.
Låt oss se hur detta ser ut i vår webbläsare:

FÖRSTORA

Som vi kan se är det ett mycket användbart beteende och vi uppnår det på ett mycket enkelt sätt med hjälp av platsobjektet.
Ett annat sätt kan vara att använda ersättningsmetoden som vi tidigare listat, men särdragen i ersättningen är att det ersätter det aktuella dokumentet med det som det tar emot som en parameter, vilket eliminerar det dokument som kallade det från historiken, så tillbaka -knappen webbläsaren skulle inte leda någonstans.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng