Ponekad programeri žele često osvježavati web stranicu dok stvaraju web aplikacije, kao što su blogovi ili web stranice gdje se sadržaj može razlikovati ovisno o radnjama korisnika. Sve ažurirane informacije temeljene na ovim korisničkim interakcijama bit će prikazane kada se stranica osvježi ili ponovno učita. U tu svrhu, JavaScript nudi neke unaprijed izgrađene metode o kojima će biti riječi u nastavku.
Ovaj će post ilustrirati načine ponovnog učitavanja stranice pomoću JavaScripta.
Kako ponovno učitati stranicu pomoću JavaScripta?
Za ponovno učitavanje ili osvježavanje stranice koristite sljedeće metode u JavaScriptu:
Metoda 1: Ponovno učitavanje stranice pomoću metode reload().
Koristiti ' lokacija.reload() ” za ponovno učitavanje stranice. Djeluje poput gumba za osvježavanje preglednika. ' ponovno učitati() ” odgovorna je za ponovno učitavanje stranice, dok je metoda “ mjesto ” je sučelje koje označava stvarnu lokaciju (URL) objekta s kojim je povezan. URL-u stranice za osvježavanje može se pristupiti putem ' dokument.lokacija ' ili ' prozor.lokacija ”.
Sintaksa
Koristite sljedeću sintaksu za ponovno učitavanje trenutne stranice pomoću metode reload():
prozor.lokacija.ponovno učitavanje ( ) ;Primjer 1: Osvježi nakon klika na gumb
Napravite gumb i priložite ' na klik ' događaj na njemu koji će pozvati unaprijed definirani JavaScript ' ponovno učitati() ” metoda:
< dugme na klik = 'window.location.reload()' > Osvježiti / Ponovno učitaj stranicu dugme >Izlaz pokazuje da se stranica osvježava ili ponovno učitava pritiskom na gumb:
Primjer 2: Automatsko osvježavanje korištenjem metode setTimeout() s metodom reload().
Postavite vrijeme za automatsko osvježavanje stranice pomoću ' setTimeout() ” metoda. Prvo ćemo definirati metodu ' osvježiti() ” koja uzima vremenski interval kao parametar za osvježavanje stranice nakon tog vremena. Pozovite metodu setTimeout(), a zatim pozovite metodu reload():
funkcija osvježiti ( vrijeme ) {setTimeout ( ( ) = > {
dokument.lokacija.ponovno učitavanje ( pravi ) ;
} , vrijeme ) ;
}
Ovdje ćemo postaviti vrijeme od 2 sekunde za osvježavanje stranice nakon svake dvije sekunde:
window.onload = osvježi ( 2000. godine ) ;Kao što vidite da se stranica automatski osvježava nakon 2 sekunde:
Metoda 2: Ponovno učitavanje stranice pomoću metode go().
Drugi pristup za osvježavanje stranice je ' povijest.go() ” metoda. Davanje pozitivne ili negativne vrijednosti može se koristiti kao i obično za kretanje unatrag ili naprijed. Za osvježenje prijeđite ' 0 ” neutralna vrijednost ili ništa.
Sintaksa
Slijedite zadanu sintaksu za ponovno učitavanje stranice:
povijest.ići ( )Primjer
Ovdje ćemo nazvati ' povijest.go() ” u događaju klika gumba:
< dugme na klik = 'history.go()' > Osvježiti / Ponovno učitaj stranicu dugme >Izlaz
To je sve o ponovnom učitavanju/osvježavanju web stranica pomoću JavaScripta.
Zaključak
Za ponovno učitavanje web stranice pomoću JavaScripta, upotrijebite ' window.location.reload() ' metoda ili ' povijest.go() ” metoda. Metoda reload() je najčešće korišten pristup za ponovno učitavanje ili osvježavanje web stranica. Ovaj post je ilustrirao načine osvježavanja stranice pomoću JavaScripta.