HTML5 - Objekt umístění

Objekt umístění je jedním z mnoha, ke kterým máme přístup SLUNCE, To nám umožňuje získat relevantní informace o adrese dokumentu a také umožňuje navigaci k dalším dokumentům.
Objekt umístění
Jak jsme zmínili na začátku, objekt umístění nám umožňuje přístup k vlastnostem umístění našeho dokumentu prostřednictvím SLUNCE, abychom mohli získat podrobné informace o adresách a způsobu navigace k dalším dokumentům.
Abychom to všechno získali, máme následující vlastnosti a metody, které můžeme použít při volání tohoto objektu, podívejme se na seznam a na to, co každý z nich dělá:

· protokol: Získá nebo nastaví komponentu protokolu URL dokumentu.

· hostitel: Získá nebo nastaví hostitelskou komponentu adresy URL dokumentu.

· href : Získá nebo nastaví umístění aktuálního dokumentu.

· jméno hostitele: Získá nebo nastaví název hostitele adresy URL dokumentu.

· přístav: Získá nebo nastaví komponentu portu adresy URL dokumentu.

· název cesty: Získá nebo nastaví cestu nebo komponentu cesty adresy URL dokumentu.

· Vyhledávání: Získá nebo nastaví komponentu dotazu adresy URL dokumentu.

· hash : Získá nebo nastaví komponentu hash pro adresu URL dokumentu.

· přiřadit (): Přejděte na zadanou adresu URL.

· nahradit (): Odeberte aktuální dokument a přejděte k dokumentu uvedenému v adrese URL.

· Znovu načíst (): Znovu načtěte nebo aktualizujte aktuální dokument.

· ResolutionURL (): Vyřeší zadanou relativní adresu URL na absolutní cestu.

Velmi dobře, nyní, když víme, co máme, uvidíme malý příklad toho, jak získat všechny tyto informace v dokumentu pomocí Javascript v našem dokumentu HTML.

 Příklad 

Podívejme se, jak je to interpretováno v prohlížeči; Abychom mohli demonstrovat funkce vyhledávání a hash, které používáme ? query = jablka # jablka takže můžeme vidět, jak to prohlížeč bere, pod výsledkem na následujícím obrázku:

Pomocí objektu umístění přejděte na jinou stránku
Jak jsme již zmínili dříve, můžeme také použít objekt umístění k navigaci na jiný web, to znamená, že k přechodu na jiný dokument existuje několik způsobů, jak to udělat, nicméně tentokrát uvidíme jeden z nejjednodušších v ukázce nejprve se podívejme na kód, který musíme vygenerovat, a poté vysvětlíme, jak funguje:

 Příklad
Existuje spousta různých druhů ovoce - existuje více než 500 odrůd banánů. V době, kdy přidáme nespočet druhů jablek, pomerančů a dalšího známého ovoce, máme před sebou tisíce možností.
Stiskněte mě
Jedním z nejzajímavějších aspektů ovoce je odrůda dostupná v každé zemi. Bydlím poblíž Londýna, v oblasti, která je známá svými jablky.
 

V tomto kódu jednoduše provedeme následující, nejprve stanovíme, že do prvku s id pressme zahrneme novou funkci, když na ni kliknete, a to díky události onclick, pak v rámci funkce, která se aktivuje, když kliknutím použijeme objekt document.location.hash a odpovídáme hodnotě hash, ke které se chystáme navigovat, v tomto případě je banán obrazem, který jsme zahrnuli jako id elementu image img.
Podívejme se, jak to vypadá v našem prohlížeči:

ZVĚTŠIT

Jak vidíme, je to velmi užitečné chování a dosahujeme ho velmi jednoduchým způsobem pomocí objektu umístění.
Dalším způsobem by mohlo být použití metody nahrazení, kterou jsme dříve uvedli, nicméně zvláštností nahrazení je, že nahradí aktuální dokument tím, který obdrží jako parametr, čímž se odstraní dokument, který jej nazval z historie, takže tlačítko Zpět prohlížeč by nikam nevedl.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod