HTML5 - obiekt lokalizacji

Obiekt Lokalizacja jest jednym z wielu, do których możemy uzyskać dostęp dzięki SŁOŃCE, Pozwala nam to uzyskać istotne informacje o adresie dokumentu, a także umożliwia nawigację do innych dokumentów.
Obiekt lokalizacji
Jak wspomnieliśmy na początku, obiekt Lokalizacja umożliwia nam dostęp do właściwości lokalizacji naszego dokumentu poprzez SŁOŃCE, dzięki czemu możemy uzyskać szczegółowe informacje o adresach i sposobie nawigowania do innych dokumentów.
Aby to wszystko uzyskać, mamy następujące właściwości i metody, których możemy użyć podczas wywoływania tego obiektu, zobaczmy listę i co każdy z nich robi:

· protokół: Pobiera lub ustawia składnik protokołu adresu URL dokumentu.

· gospodarz: Pobiera lub ustawia składnik hosta adresu URL dokumentu.

· href : Pobiera lub ustawia lokalizację bieżącego dokumentu.

· nazwa hosta: Pobiera lub ustawia nazwę hosta adresu URL dokumentu.

· Port: Pobiera lub ustawia składnik portu adresu URL dokumentu.

· nazwa ścieżki: Pobiera lub ustawia ścieżkę lub składnik ścieżki adresu URL dokumentu.

· Szukaj: Pobiera lub ustawia składnik zapytania adresu URL dokumentu.

· haszysz : Pobiera lub ustawia składnik skrótu dla adresu URL dokumentu.

· przypisz (): Przejdź do określonego adresu URL.

· wymienić (): Usuń bieżący dokument i przejdź do dokumentu określonego w adresie URL.

· przeładuj (): Załaduj ponownie lub odśwież bieżący dokument.

· adres URL (): Rozwiązuje określony względny adres URL na ścieżkę bezwzględną.

Bardzo dobrze, teraz, gdy wiemy, co mamy, zobaczymy mały przykład, jak uzyskać wszystkie te informacje w dokumencie za pomocą JavaScript w naszym dokumencie HTML.

 Przykład 

Zobaczmy, jak jest to interpretowane w przeglądarce; W celu zademonstrowania używanej przez nas funkcji wyszukiwania i haszowania ?zapytanie = jabłka # jabłka abyśmy mogli zobaczyć, jak przeglądarka to przyjmuje, poniżej wyniku na poniższym obrazku:

Użyj obiektu lokalizacji, aby przejść do innej strony
Jak wspomnieliśmy wcześniej, możemy również użyć obiektu lokalizacji, aby przejść do innej witryny, czyli przejść do innego dokumentu, jest na to kilka sposobów, jednak tym razem zobaczymy jeden z najprostszych w demonstracyjnym sposób, najpierw zobaczmy kod, który musimy wygenerować, a następnie wyjaśnimy, jak to działa:

 Przykład
Istnieje wiele różnych rodzajów owoców - tylko ponad 500 odmian bananów. Zanim dodamy niezliczone rodzaje jabłek, pomarańczy i innych dobrze znanych owoców, stajemy przed tysiącami wyborów.
naciśnij mnie
Jednym z najciekawszych aspektów owoców jest odmiana dostępna w każdym kraju. Mieszkam niedaleko Londynu, w okolicy znanej z jabłek.
 

W tym kodzie po prostu wykonujemy następujące czynności, najpierw ustalamy, że w elemencie o id pressme dodamy nową funkcję po kliknięciu na nią, dzięki zdarzeniu onclick, a następnie w ramach funkcji, która jest aktywowana podczas kliknij używamy obiektu dokument.lokalizacja.hasz i dopasowujemy wartość skrótu, do którego będziemy nawigować, w tym przypadku banan to obraz, który umieściliśmy jako id elementu image img.
Zobaczmy, jak to wygląda w naszej przeglądarce:

POWIĘKSZAĆ

Jak widać, jest to bardzo przydatne zachowanie i osiągamy je w bardzo prosty sposób za pomocą obiektu location.
Innym sposobem może być użycie metody replace, którą wymieniliśmy wcześniej, jednak szczególną cechą metody replace jest to, że zastępuje bieżący dokument tym, który otrzymuje jako parametr, eliminując w ten sposób dokument, który go wywołał z historii, więc przycisk Wstecz przeglądarka nie prowadziłaby donikąd.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt