Czasami programiści chcą często odświeżać stronę internetową podczas tworzenia aplikacji internetowych, takich jak blogi lub strony internetowe, których zawartość może się różnić w zależności od działań użytkownika. Wszelkie zaktualizowane informacje oparte na tych interakcjach użytkownika zostaną wyświetlone po odświeżeniu lub ponownym załadowaniu strony. W tym celu JavaScript oferuje kilka gotowych metod, które zostaną omówione poniżej.
Ten post zilustruje sposoby przeładowania strony za pomocą JavaScript.
Jak ponownie załadować stronę za pomocą JavaScript?
Aby przeładować lub odświeżyć stronę, użyj następujących metod w JavaScript:
Metoda 1: Przeładuj stronę przy użyciu metody reload().
Użyj ' lokalizacja.przeładuj() ”, aby ponownie załadować stronę. Działa jak przycisk odświeżania przeglądarki. „ przeładować() ” odpowiada za przeładowanie strony, natomiast metoda „ Lokalizacja ” to interfejs wskazujący rzeczywistą lokalizację (adres URL) obiektu, z którym jest powiązany. Adres URL strony do odświeżenia jest dostępny przez „ lokalizacja.dokumentu ' lub ' okno.lokalizacja ”.
Składnia
Użyj następującej składni, aby ponownie załadować bieżącą stronę za pomocą metody reload():
okno.lokalizacja.przeładuj ( ) ;Przykład 1: Odśwież po kliknięciu przycisku
Utwórz przycisk i dołącz „ na kliknięcie ” na nim zdarzenie, które wywoła predefiniowane JavaScript „ przeładować() ' metoda:
< przycisk na kliknięcie = 'okno.lokalizacja.przeładuj()' > Odświeżać / Odśwież stronę przycisk >Dane wyjściowe wskazują, że strona jest odświeżana lub ponownie ładowana po kliknięciu przycisku:
Przykład 2: Automatyczne odświeżanie przy użyciu metody setTimeout() Z metodą reload()
Ustaw czas automatycznego odświeżania strony za pomocą opcji „ setTimeout() ' metoda. Najpierw zdefiniujemy metodę „ odświeżać() ”, który jako parametr przyjmuje przedział czasu, aby odświeżyć stronę po tym czasie. Wywołaj metodę setTimeout() , a następnie wywołaj metodę reload() :
funkcjonować odświeżać ( czas ) {ustawiony limit czasu ( ( ) = > {
dokument.lokalizacja.przeładuj ( PRAWDA ) ;
} , czas ) ;
}
Tutaj ustawimy czas 2 sekundy, aby odświeżyć stronę co dwie sekundy:
window.onload = odśwież ( 2000 ) ;Jak widać, strona jest automatycznie odświeżana po 2 sekundach:
Metoda 2: Przeładuj stronę za pomocą metody go().
Innym podejściem do odświeżenia strony jest „ historia.go() ' metoda. Podanie wartości dodatniej lub ujemnej może być użyte jak zwykle do przesunięcia się do tyłu lub do przodu. Aby odświeżyć, przekaż „ 0 ” wartość neutralna lub nic.
Składnia
Postępuj zgodnie z podaną składnią, aby ponownie załadować stronę:
historia.go ( )Przykład
Tutaj nazwiemy „ historia.go() ” w przypadku kliknięcia przycisku:
< przycisk na kliknięcie = 'historia.go()' > Odświeżać / Odśwież stronę przycisk >Wyjście
To wszystko o ponownym ładowaniu/odświeżaniu stron internetowych za pomocą JavaScript.
Wniosek
Aby ponownie załadować stronę internetową za pomocą JavaScript, użyj „ okno.lokalizacja.reload() ” metoda lub „ historia.go() ' metoda. Metoda reload() jest najczęściej stosowaną metodą ponownego ładowania lub odświeżania stron internetowych. Ten post ilustruje sposoby odświeżenia strony za pomocą JavaScript.