Jak sprawić, by przeglądarka wróci do poprzedniej strony za pomocą JavaScript?

Robienie przeglądarki wróci do poprzedniej strony za pomocą JavaScript jest dość łatwe. Aby to zrobić, po prostu uzyskaj dostęp do okno Obiekt okna przeglądarki i jej historia nieruchomość. Następnie po prostu użyj z powrotem() Metoda w historii, aby przenieść przeglądarkę do poprzedniego wpisu wewnątrz jej listy historii.

Dodatkowa uwaga: Odnosząc się do poprzedniej strony z Tag referencyjny nie jest dobrym rozwiązaniem. Większość nowych początkujących często próbuje korzystać z Tag referencyjny, aby przejść do poprzedniej strony, aw historii przeglądarki rejestruje się jako ruch naprzód. To nie jest optymalne rozwiązanie, ponieważ przeglądarka nie wraca. Raczej idzie naprzód.

Metoda w centrum uwagi

Do przesunięcia przeglądarki stosuje się następującą metodę:

okno.historia.z powrotem()

Ta metoda nie bierze żadnego parametrów, ani nie zwraca niczego. Po prostu przesuwa przeglądarkę o krok w swojej historii. Zejdźmy na przykład, aby zademonstrować jego działanie

Krok 1: Ustaw dom.html

Utwórz dokument HTML o nazwie dom, I to jest pierwsza strona, która zostanie użyta do przejścia na drugą stronę. Aby utworzyć ten domowy dokument HTML, użyj następujących wierszy:

To jest pierwsza strona!
Kliknij, aby odwiedzić drugą stronę

W tym dokumencie HTML, Tag służy do przenoszenia przeglądarki „do przodu” na drugiej stronie. W tym momencie przeglądarka pokazuje następujące dane wyjściowe:

Strona internetowa pokazuje link do przejścia na drugą stronę, ale obecnie brakuje tej drugiej strony, więc utwórz to w następnym kroku.

Krok 2: Skonfiguruj drugą stronę.html

Utwórz kolejny dokument HTML i nazwij go druga strona.html. W tym pliku dodaj następujące wiersze:

To jest druga strona


Kliknij przycisk poniżej, aby „z powrotem” do poprzedniej strony






Zabierz mnie z powrotem!

W tym dokumencie HTML utworzyliśmy przycisk z ustawioną właściwością OnClick Przycisk powrotu(). To stworzy następującą stronę internetową w przeglądarce:

Wciąż brakuje funkcji przycisku, aby zabrać przeglądarkę z powrotem. W tym celu dodaj następujący znacznik skryptu wewnątrz drugiej strony.HTML:

W tym znaczniku skryptu funkcja Przycisk powrotu() utworzony jest, który zostanie wywołany na przycisku naciśnij. W tej funkcji z powrotem() Metoda została zastosowana do właściwości "historia" Korzystanie z przeglądarki okno obiekt.

Następnie załaduj dom.HTML w przeglądarce i obserwuj funkcjonalność w następujący sposób:

Jest kilka rzeczy do zauważenia:

• Początkowo zarówno przycisk do przodu, jak i do tyłu przeglądarki były wyłączone z powodu braku historii
• Kliknięcie linku przenosi użytkownika na drugą stronę
• Gdy na drugiej stronie przycisk Wstecz jest aktywowany
• Kliknięcie przycisku na drugiej stronie zabiera użytkownika z powrotem na stronę główną.
• Jednak przycisk Wstecz jest wyłączony na stronie głównej, a przycisk do przodu jest teraz włączony
• Oznacza to, że przeglądarka nie została przekierowana na stronę główną. Raczej został przeniesiony z powrotem z historii

Zakończyć

W części dokumentu strony internetowej JavaScript po prostu użyj okno.historia.z powrotem() Aby przeglądarki wróciły do ​​poprzedniej strony, którą odwiedził. „„okno" to obiekt okna przeglądarki, "historia" jest własnością okno obiekt i z powrotem() to metoda stosowana do historii, aby odnieść przeglądarkę. W tym artykule wykorzystano przykład krok po kroku, aby zademonstrować działanie okna.historia.Metoda back ().