Uneori, dezvoltatorii doresc să reîmprospăteze pagina web în timp ce creează aplicații web, cum ar fi bloguri sau site-uri web, unde conținutul poate varia în funcție de acțiunile utilizatorului. Orice informații actualizate bazate pe aceste interacțiuni ale utilizatorului vor fi afișate atunci când pagina este reîmprospătată sau reîncărcată. În acest scop, JavaScript oferă câteva metode prefabricate care vor fi discutate mai jos.
Această postare va ilustra modalitățile de a reîncărca o pagină folosind JavaScript.
Cum se reîncarcă o pagină utilizând JavaScript?
Pentru a reîncărca sau reîmprospăta o pagină, utilizați următoarele metode în JavaScript:
Metoda 1: Reîncărcați o pagină folosind metoda reload().
Folosește ' location.reload() ” pentru a reîncărca pagina. Acționează la fel ca butonul de reîmprospătare al unui browser. „ reincarca() ” este responsabilă pentru reîncărcarea paginii, în timp ce “ Locație ” este o interfață care indică locația reală (URL) a obiectului căruia este asociat. Adresa URL a paginii de reîmprospătat este accesibilă fie prin „ document.locaţie ” sau ” fereastra.locatie ”.
Sintaxă
Utilizați următoarea sintaxă pentru a reîncărca pagina curentă folosind metoda reload():
fereastră.locație.reîncărcare ( ) ;Exemplul 1: Actualizează la un clic pe buton
Creați un buton și atașați un „ onclick ” eveniment pe acesta care va apela JavaScript predefinit “ reincarca() ” metoda:
< buton onclick = „window.location.reload()” > Reîmprospăta / Reîncarcă pagina buton >Rezultatul indică faptul că pagina este reîmprospătată sau reîncărcată la un clic pe buton:
Exemplul 2: Reîmprospătare automată folosind metoda setTimeout() cu metoda reload()
Setați ora pentru reîmprospătarea automată a paginii folosind butonul „ setTimeout() ” metoda. În primul rând, vom defini o metodă „ reîmprospăta() ” care ia un interval de timp ca parametru pentru a reîmprospăta pagina după acel timp. Apelați metoda setTimeout() și apoi apelați metoda reload():
funcţie reîmprospăta ( timp ) {setTimeout ( ( ) = > {
document.locație.reîncărcare ( Adevărat ) ;
} , timp ) ;
}
Aici, vom seta timpul de 2 secunde pentru a reîmprospăta pagina după fiecare două secunde:
window.onload = reîmprospătare ( 2000 ) ;După cum puteți vedea că pagina este reîmprospătată automat după 2 secunde:
Metoda 2: Reîncărcați o pagină folosind metoda go().
O altă abordare pentru reîmprospătarea unei pagini este „ history.go() ” metoda. Acordarea fie a unei valori pozitive, fie a unei valori negative poate fi folosită ca de obicei pentru a merge înapoi sau înainte. Pentru o reîmprospătare, treceți „ 0 ” valoare neutră sau nimic.
Sintaxă
Urmați sintaxa dată pentru reîncărcarea paginii:
istorie.du-te ( )Exemplu
Aici, vom numi „ history.go() ” metoda în evenimentul de clic al butonului:
< buton onclick = „history.go()” > Reîmprospăta / Reîncarcă pagina buton >Ieșire
Este vorba despre reîncărcarea/împrospătarea paginilor web folosind JavaScript.
Concluzie
Pentru a reîncărca o pagină web folosind JavaScript, utilizați „ window.location.reload() ” sau metoda ” history.go() ” metoda. Metoda reload() este cea mai folosită abordare pentru reîncărcarea sau reîmprospătarea paginilor web. Această postare a ilustrat modalitățile de a reîmprospăta o pagină folosind JavaScript.