Różnica między oknem.Lokalizacja.Href i okno.Lokalizacja.Wymień w JavaScript | Wyjaśnione

Oba te atrybuty należą do obiektu okna przeglądarki. Mówiąc, należą one do wewnętrznego obiektu znanego jako Lokalizacja Obiekt, a jego jedynym zadaniem jest znanie aktualnej lokalizacji dokumentu. Zmiana tych Lokalizacja Wartości obiektów zazwyczaj oznaczają zmianę dokumentu. Ponieważ ten obiekt definiuje adres URL, a każda zmiana adresu URL oznacza zmianę dokumentu dla innego. Teraz Href własność i zastępować() funkcja wykonuje dokładnie to samo zadanie, ale w inny sposób.

Złóżmy zamieszanie. Oba te właściwości są używane do przejścia do nowego dokumentu lub nowej strony internetowej. Jednakże "href ” Własność robi to, dodając nowy wpis do elementu historii i „zastępować" nieruchomość wykonuje zastąpienie Najwyższy wpis w elemencie historii z nowszym adresem URL.

Okno.Lokalizacja.właściwość HREF

Przede wszystkim skonfiguruj nową stronę główną z następującą linią w środku:

To jest pierwsza strona

Przejdź do drugiej strony

W tym powyższym fragmencie kodu utworzono przycisk, który zostanie użyty do przejścia na drugą stronę za pomocą funkcji ButtonClicked () wewnątrz pliku skryptu.

Uruchomienie tego dokumentu HTML podaje następującą stronę w przeglądarce:

Następnie w pliku skryptu lub w Tag, użyj następujących wierszy kodu:

Ten skrypt przeniesie przeglądarkę do „Druga strona.html ”. Jednak druga strona.HTML jeszcze nie istnieje. Utwórz więc drugą stronę.HTML z następującymi wierszami w nim:

To jest druga strona

Uwaga: ta druga strona.HTML musi być utworzony w tym samym katalogu co dom.HTML lub pierwsza strona.

Po uruchomieniu głównego pliku HTML i kliknięciu przycisku da następujące wyniki:

Z wyjścia wynika, że ​​naciśnięcie przycisku przekierowuje przeglądarkę na drugą stronę, a następnie naciśnięcie przycisku Wstecz w oknie przeglądarki zabierze przeglądarkę z powrotem na stronę główną. To jest działanie okna.Lokalizacja.właściwość HREF.

Okno.Lokalizacja.zastępować()

Podobnie jak w przykładzie właściwości HREF, zacznij od utworzenia nowego pliku HTML o nazwie Strona główna.HTML i dodaj następujące wiersze w nim:

To jest pierwsza strona

Przejdź do drugiej strony za pomocą Wymień

Następnie dodaj następujące wiersze w znaczniku skryptu lub w pliku skryptu:

W fragmencie kodu zwróć uwagę, że w przeciwieństwie do właściwości HREF, wymiana jest w rzeczywistości funkcją, która bierze nową lokalizację w swoich argumentach.

Następnie utwórz drugą stronę.HTML Dodaj w następujących liniach:

To jest druga strona

Ale przeglądarka nie może wrócić

Ponieważ użył właściwości zastępczej

Potem uruchomienie tego domu.HTML pokaże następujące zachowanie przeglądarki:

Z GIF wynika jasno, że funkcja zastępowania zastępuje najwyższy wpis w historii przeglądarki, dlatego przycisk z tyłu przeglądarki jest szare.

Wniosek

Właściwość HREF i funkcja zastępcza () są częścią obiektu lokalizacji okna. Głównym celem obu z nich jest przeniesienie przeglądarki na nową stronę internetową, która jest zdefiniowana przez adres URL. Właściwość HREF dodaje element historii przeglądarki. Podczas gdy funkcja zastępcza () zastępuje najwyższy wpis nową lokalizacją, powodując, że przeglądarki nie są w stanie wrócić do poprzedniej strony.