okno.Właściwości obiektu lokalizacji | Wyjaśnione

Model obiektu przeglądarki częściej określany jako BOM jest modelem obiektowym używanym przez JavaScript do komunikacji z przeglądarką. BOM zawiera obiekty, które odkrywają funkcjonalność przeglądarki internetowej. Istnieje wiele znaczących obiektów, które stanowią część modelu obiektu przeglądarki (BOM), takich jak obiekt historii, obiekt ekranu, obiekt lokalizacji, obiekt nawigacji itp. Te obiekty składają się z wielu właściwości i metod. Ten zapis został jednak zaprojektowany w celu podkreślenia właściwości Obiekt lokalizacji.

Przed skoczeniem do właściwości Obiekt lokalizacji, Najpierw zrozummy, czym jest obiekt lokalizacji.

Obiekt lokalizacji

Obiekt lokalizacji składa się z odpowiednich informacji o dostępnym adresie URL i podobnie jak obiekt dokumentu, obiekt historii i obiekt ekranowy, jest również właściwością obiektu okien.

Składnia
Składnia obiektu lokalizacji jest następująca.

okno.Lokalizacja

Lub,

Lokalizacja

Przykład
W poniższym przykładzie używamy właściwości PathName obiektu lokalizacji, aby pobrać nazwę ścieżki strony internetowej.

Wyjście

Korzystając z właściwości PathName obiektu lokalizacji, przyniosliśmy nazwę ścieżki istniejącego adresu URL.

Teraz, gdy mamy podstawowe zrozumienie obiektu lokalizacji, zanurzmy się w szczegółach właściwości obiektu lokalizacji.

Właściwości obiektu lokalizacji

Właściwości obiektu lokalizacji są następujące.

haszysz

Służy do celów pobierania lub ustawienia kotwicy adresu URL (w tym skrótu#).

Składnia
Składnia właściwości skrótu podano poniżej.

Do pobierania,

Lokalizacja.haszysz

Do ustawienia,

Lokalizacja.hash = nazwa kotwicy

Przykład
Załóżmy, że chcesz uzyskać część zakotwiczenia adresu URL za pomocą właściwości skrótu obiektu lokalizacji.

Ściągawka polecenia Linux

W powyższym przykładzie podaliśmy link do atrybutu HREF elementu, a następnie użyliśmy właściwości skrótu przez link, aby uzyskać część zakotwiczenia adresu URL.

dokument.getElementById („samouczek”).innerHtml = "Część zakotwiczenia adresu URL to:"

Wyjście

Korzystając z właściwości skrótu obiektu lokalizacji wyodrębniliśmy część zakotwiczenia adresu URL.

gospodarz

Służy do wyodrębnienia nazwy hosta i numeru portu URL.

Składnia
Składnia właściwości hosta podano poniżej.

Za pobranie gospodarza adresu URL,

Lokalizacja.gospodarz

Do ustawienia gospodarza adresu URL,

Lokalizacja.host = nowy host: nowy port

Przykład
Załóżmy, że chcesz pobrać nazwę hosta istniejącego adresu URL za pomocą właściwości hosta obiektu lokalizacji.

W powyższym przykładzie otrzymujemy nazwę hosta dostępnego adresu URL za pomocą następującego elementu kodu.

Niech host = lokalizacja.gospodarz;
dokument.getElementById („samouczek”).innerHtml = host;

Wyjście

Korzystając z właściwości hosta obiektu lokalizacji, nazwę hosta i numer portu istniejącego adresu URL.

Nazwa hosta

Służy do pobierania nazwy hosta adresu URL.

Składnia
Składnia właściwości HostName jest podana poniżej.

Za pobranie nazwy hosta URL,

Lokalizacja.Nazwa hosta

Do ustawienia nazwy hosta URL,

Lokalizacja.nazwa hosta = nowa nazwa hosta

Przykład
Załóżmy, że chcesz wyodrębnić nazwę hosta przy ręce adresu URL.

W powyższym przykładzie właściwość nazwy hosta obiektu lokalizacji została użyta do uzyskania nazwy hosta dostępnego adresu URL.

Niech nazwa hosta = lokalizacja.nazwa hosta;
dokument.getElementById („samouczek”).innerHtml = nazwa hosta;

Wyjście

Korzystając z właściwości nazwy hosta obiektu lokalizacji, nazwa hosta niniejszego URL została pobrana.

Href

Służy do celów pobierania lub ustawienia pełnego adresu URL.

Składnia
Składnia właściwości HREF podano poniżej.

Do wyodrębnienia HREF URL,

Lokalizacja.Href

Do ustawienia HREF URL,

Lokalizacja.href = nowy adres URL

Przykład
Załóżmy, że chcesz wyodrębnić pełny adres URL istniejącej strony internetowej.

W powyższym przykładzie za pomocą właściwości HREF obiektu lokalizacji, pełny adres URL strony internetowej jest pobierany.

Niech URL = lokalizacja.href;
dokument.getElementById („samouczek”).innerHtml = url;

Wyjście

Pełny adres URL obecnej strony został wyodrębniony przy użyciu właściwości HREF obiektu lokalizacji.

pochodzenie

Służy do celów przyciągania nazwy hosta, numeru portu i protokołu adresu URL.

Składnia
Składnia właściwości pochodzenia jest następująca.

Lokalizacja.pochodzenie

Przykład
Załóżmy, że chcesz pobrać protokół, nazwę hosta i numer portu obecnego adresu URL.

W powyższym przykładzie pochodzenie (protokół, nazwa hosta i numer portu) obecnego adresu URL jest przy użyciu właściwości pochodzenia obiektu lokalizacji.

Niech pochodzenie = lokalizacja.pochodzenie;
dokument.getElementById („samouczek”).innerHtml = pochodzenie;

Wyjście

Wyjście wyświetla protokół, nazwę hosta i numer portu dostępnego adresu URL.

nazwa ścieżki

Służy do celów wyodrębnienia lub ustawiania nazwy ścieżki URL.

Składnia
Składnia właściwości PathName jest następująca.

Za pobranie nazwy adresu URL,

Lokalizacja.nazwa ścieżki

Do ustawiania nazwy ścieżki URL,

Lokalizacja.PathName = nowa nazwa ścieżki

Przykład
Załóżmy, że chcesz wyodrębnić nazwę niniejszego adresu URL.

W powyższym przykładzie nazwa ścieżki istniejącego adresu URL jest wyodrębniana za pomocą właściwości nazwy ścieżki obiektu lokalizacji.

Niech ścieżka = lokalizacja.nazwa ścieżki;
dokument.getElementById („samouczek”).innerHtml = ścieżka;

Wyjście

Korzystając z właściwości PathName obiektu lokalizacji, przyciągnięta nazwa istniejącego adresu URL.

Port

Służy do wyodrębnienia lub ustawienia numeru portu adresu URL.

Składnia
Składnia właściwości portu jest następująca.

Za pobranie portu adresu URL,

Lokalizacja.Port

Do ustawienia portu adresu URL,

Lokalizacja.port = nowy numer portu

Przykład
W poniższym przykładzie wyodrębnia się numer portu obecnej strony internetowej.

W powyższym przykładzie, korzystając z właściwości portu obiektu lokalizacji, wyodrębnia się numer portu obecnej strony internetowej.

Niech port = lokalizacja.Port;
dokument.getElementById („samouczek”).innerHtml = "Numer portu bieżącej strony internetowej to:" + port;

Wyjście

Numer portu obecnej strony internetowej został pobrany i pokazany na wyjściu.

protokół

Jest używany w celu pobrania lub ustawiania protokołu adresu URL.

Składnia
Składnia właściwości protokołu jest następująca.

Do wyodrębnienia portu adresu URL,

Lokalizacja.protokół

Do ustawienia portu adresu URL,

Lokalizacja.protokół = nowy protokół

Przykład
W poniższym przykładzie pobierany jest protokół dostępnego adresu URL.

Poniższy kawałek kodu pobiera protokół obecnego adresu URL.

Niech protokół = lokalizacja.protokół;
dokument.getElementById („samouczek”).innerHtml = protokół;

Wyjście

Protokół obecnego adresu URL został wyodrębniony.

szukaj

Służy do celów pobierania lub ustawiania kpisowania adresu URL.

Składnia
Składnia właściwości wyszukiwania jest następująca.

W celu wyodrębnienia wyszukiwania adresu URL,

Lokalizacja.szukaj

Do ustawiania wyszukiwania adresu URL,

Lokalizacja.Search = QueryString

Przykład

https: // linuxhint.com/Linux-command-cheat-sheet/?Odpowiedź = Tak

Poniższy kawałek kodu pobiera QueryString adresu URL.

Niech Anchor = dokument.getElementById („Linux”);
Niech zapytanie = kotwica.szukaj;
dokument.getElementById („samouczek”).innerHtml = "Część wyszukiwania adresu URL to:" + zapytanie;

Wyjście

String zapytania URL został wyodrębniony.

Wniosek

Obiekt lokalizacji składa się z odpowiednich informacji o dostępnym adresie URL i podobnie jak obiekt dokumentu, jest również właściwością obiektu okiennego. Składa się z wielu nieruchomości, takich jak hasz, host, nazwa hosta, nazwa ścieżki itp. Właściwości te mają różne cele, które są wyróżnione w tym poście wraz z odpowiednimi przykładami.