✅ HTML5 - Objekt lokacije

Sadržaj

Predmet mjesto jedno je od mnogih kojima možemo pristupiti zahvaljujući SUNCE, To nam omogućuje dobivanje relevantnih informacija o adresi dokumenta, a omogućuje i navigaciju do drugih dokumenata.
Objekt lokacije
Kao što smo na početku spomenuli, objekt mjesto omogućuje nam pristup svojstvima lokacije našeg dokumenta putem SUNCE, kako bismo mogli dobiti detaljne informacije o adresama i načinu navigacije do drugih dokumenata.
Da bismo dobili sve ovo, imamo sljedeća svojstva i metode koje možemo koristiti pri pozivanju ovog objekta, pogledajmo popis i što svaki od njih čini:

· protokol: Dobiva ili postavlja komponentu protokola URL -a dokumenta.

· domaćin: Dobiva ili postavlja komponentu domaćina URL -a dokumenta.

· href : Dobiva ili postavlja lokaciju trenutnog dokumenta.

· ime hosta: Dobiva ili postavlja naziv hosta URL -a dokumenta.

· luka: Dobiva ili postavlja komponentu porta URL -a dokumenta.

· ime putanje: Dobiva ili postavlja put ili komponentu puta URL -a dokumenta.

· traži: Dobiva ili postavlja komponentu upita URL -a dokumenta.

· hash : Dobiva ili postavlja komponentu raspršivanja za URL dokumenta.

· dodijeliti (): Dođite do navedenog URL -a.

· zamijeniti (): Uklonite trenutni dokument i prijeđite na onaj naveden u URL -u.

· ponovno učitati (): Ponovno učitajte ili osvježite trenutni dokument.

· resolutionURL (): Rješava navedeni relativni URL do apsolutne staze.

Vrlo dobro, sada kada znamo što imamo, vidjet ćemo mali primjer kako doći do svih ovih podataka u dokumentu pomoću Javascript unutar našeg HTML dokumenta.

 Primjer

Pogledajmo kako se to tumači u pregledniku; Kako bismo pokazali funkcionalnost pretraživanja i raspršivanja koju koristimo ? upit = jabuke # jabuke tako da možemo vidjeti kako preglednik to shvaća, ispod rezultata na sljedećoj slici:

Pomoću objekta lokacije pređite na drugu stranicu
Kao što smo ranije spomenuli, objekt lokacije možemo koristiti i za navigaciju na drugu web lokaciju, odnosno za odlazak na drugi dokument, postoji nekoliko načina za to, međutim ovaj ćemo put vidjeti jedan od najjednostavnijih u demonstrativnoj način, prvo da vidimo kôd koji moramo generirati, a zatim ćemo objasniti kako to radi:

Primjer

Postoji mnogo različitih vrsta voća - samo preko 500 vrsta banana postoji. Dok dodamo bezbroj vrsta jabuka, naranči i drugog dobro poznatog voća, suočeni smo s tisućama izbora.

Pritisnite me

Jedan od najzanimljivijih aspekata voća je sorta dostupna u svakoj zemlji. Živim u blizini Londona, u području poznatom po jabukama.

U ovom kodu jednostavno radimo sljedeće, prvo utvrđujemo da ćemo u element s id pressme uključiti novu funkciju kada kliknete na nju, zahvaljujući događaju onclick, a zatim unutar funkcije koja se aktivira kada kliknite mi koristimo objekt dokument.lokacija.hash i podudaramo se s vrijednošću raspršivača do kojeg ćemo se kretati, u ovom slučaju banana je slika koju smo uključili kao id elementa slike img.
Pogledajmo kako ovo izgleda u našem pregledniku:

POVEĆAJTE

Kao što vidimo, to je vrlo korisno ponašanje i postižemo ga na vrlo jednostavan način pomoću objekta lokacije.
Drugi način bi mogao biti korištenje zamjenske metode koju smo prethodno naveli, no posebnost zamjene je ta što zamjenjuje trenutni dokument s onim koji prima kao parametar, čime se dokument koji ga je pozvao uklanja iz povijesti, pa gumb za povratak preglednik ne bi nikamo vodio.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod