Včasih želijo razvijalci med ustvarjanjem spletnih aplikacij, kot so spletni dnevniki ali spletna mesta, kjer se vsebina spreminja glede na dejanja uporabnika, pogosto osveževati spletno stran. Vse posodobljene informacije na podlagi teh uporabniških interakcij bodo prikazane, ko bo stran osvežena ali znova naložena. V ta namen JavaScript ponuja nekaj vnaprej pripravljenih metod, o katerih bomo razpravljali spodaj.
Ta objava bo ponazorila načine za ponovno nalaganje strani z uporabo JavaScripta.
Kako znova naložiti stran z uporabo JavaScripta?
Za ponovno nalaganje ali osveževanje strani uporabite naslednje metode v JavaScriptu:
1. način: Ponovno nalaganje strani z metodo reload().
Uporabi ' lokacija.reload() ” za ponovno nalaganje strani. Deluje tako kot gumb za osvežitev brskalnika. ' ponovno naloži() ” je odgovorna za ponovno nalaganje strani, medtem ko je metoda “ lokacijo ” je vmesnik, ki označuje dejansko lokacijo (URL) predmeta, s katerim je povezan. URL strani, ki jo želite osvežiti, je dostopen prek » dokument.lokacija « ali » okno.lokacija ”.
Sintaksa
Za ponovno nalaganje trenutne strani z metodo reload() uporabite naslednjo sintakso:
window.location.reload ( ) ;Primer 1: Osveži ob kliku gumba
Ustvarite gumb in priložite » onclick ' dogodek na njem, ki bo poklical vnaprej določen JavaScript ' ponovno naloži() ” metoda:
< gumb onclick = 'window.location.reload()' > Osveži / Ponovno naloži stran gumb >Izhod označuje, da se stran osveži ali znova naloži ob kliku gumba:
2. primer: samodejna osvežitev z metodo setTimeout() z metodo reload().
Nastavite čas za samodejno osveževanje strani z uporabo “ setTimeout() ” metoda. Najprej bomo definirali metodo ' osveži() ”, ki vzame časovni interval kot parameter za osvežitev strani po tem času. Pokličite metodo setTimeout() in nato pokličite metodo reload():
funkcijo osveži ( čas ) {setTimeout ( ( ) = > {
document.location.reload ( prav ) ;
} , čas ) ;
}
Tu bomo nastavili čas 2 sekundi za osvežitev strani vsaki dve sekundi:
window.onload = osveži ( 2000 ) ;Kot lahko vidite, se stran samodejno osveži po 2 sekundah:
2. način: Ponovno nalaganje strani z metodo go().
Drug pristop za osveževanje strani je » zgodovina.go() ” metoda. Vnos pozitivne ali negativne vrednosti se lahko kot običajno uporablja za premikanje nazaj ali naprej. Za osvežitev prenesite » 0 ” nevtralna vrednost ali nič.
Sintaksa
Sledite dani sintaksi za ponovno nalaganje strani:
zgodovina.go ( )Primer
Tukaj bomo poklicali ' zgodovina.go() ” v dogodku klika gumba:
< gumb onclick = 'zgodovina.go()' > Osveži / Ponovno naloži stran gumb >Izhod
To je vse o ponovnem nalaganju/osveževanju spletnih strani z uporabo JavaScripta.
Zaključek
Za ponovno nalaganje spletne strani z uporabo JavaScripta uporabite » window.location.reload() ' metoda ali ' zgodovina.go() ” metoda. Metoda reload() je najpogosteje uporabljen pristop za ponovno nalaganje ali osveževanje spletnih strani. Ta objava je ponazorila načine za osvežitev strani z uporabo JavaScripta.