Néha a fejlesztők gyakran szeretnék frissíteni a weboldalt webalkalmazások, például blogok vagy webhelyek létrehozásakor, ahol a tartalom a felhasználói műveletektől függően változhat. A felhasználói interakciókon alapuló minden frissített információ megjelenik az oldal frissítésekor vagy újratöltésekor. Erre a célra a JavaScript néhány előre elkészített metódust kínál, amelyeket az alábbiakban tárgyalunk.
Ez a bejegyzés bemutatja az oldal újratöltésének módjait JavaScript használatával.
Hogyan lehet újratölteni egy oldalt JavaScript használatával?
Egy oldal újratöltéséhez vagy frissítéséhez használja a következő módszereket a JavaScriptben:
1. módszer: Oldal újratöltése a reload() metódussal
Használja a ' location.reload() ” módszert az oldal újratöltéséhez. Úgy működik, mint egy böngésző frissítési gombja. Az ' újratöltés() ” metódus felelős az oldal újratöltéséért, míg a „ elhelyezkedés ” egy olyan felület, amely jelzi annak az objektumnak a tényleges helyét (URL-jét), amelyhez társítva van. A frissíteni kívánt oldal URL-je elérhető a „ dokumentum.helyszín ” vagy „ ablak.hely ”.
Szintaxis
Használja a következő szintaxist az aktuális oldal újratöltéséhez a reload() metódussal:
window.location.reload ( ) ;1. példa: Frissítés egy gombnyomásra
Hozzon létre egy gombot, és csatoljon egy „ kattintásra ' esemény rajta, amely meghívja az előre meghatározott JavaScriptet ' újratöltés() ” módszer:
< gomb kattintásra = 'window.location.reload()' > Frissítés / Oldal újratöltése gomb >A kimenet azt jelzi, hogy az oldal egy gombnyomásra frissül vagy újra betöltődik:
2. példa: Automatikus frissítés a setTimeout() módszerrel A reload() metódussal
Állítsa be az oldal automatikus frissítési idejét a „ setTimeout() ” módszerrel. Először meghatározunk egy módszert ' Frissítés() ', amely paraméterként egy időintervallumot vesz igénybe az oldal frissítéséhez ezen idő után. Hívja a setTimeout() metódust, majd a reload() metódust:
funkció Frissítés ( idő ) {setTimeout ( ( ) = > {
document.location.reload ( igaz ) ;
} , idő ) ;
}
Itt 2 másodperces időt állítunk be az oldal két másodpercenkénti frissítéséhez:
window.onload = frissítés ( 2000 ) ;Amint láthatja, az oldal 2 másodperc után automatikusan frissül:
2. módszer: Töltse be újra az oldalt a go() módszerrel
Az oldal frissítésének másik módja a „ history.go() ” módszerrel. Pozitív vagy negatív érték megadása a szokásos módon használható hátra vagy előre lépéshez. Frissítéshez adja át a „ 0 ” semleges érték vagy semmi.
Szintaxis
Kövesse a megadott szintaxist az oldal újratöltéséhez:
történelem.go ( )Példa
Itt a „ history.go() ” módszer a gomb kattintása esetén:
< gomb kattintásra = 'history.go()' > Frissítés / Oldal újratöltése gomb >Kimenet
Ez minden a weboldalak JavaScript használatával történő újratöltéséről/frissítéséről szól.
Következtetés
Weboldal JavaScript használatával történő újratöltéséhez használja a ' window.location.reload() ' módszer vagy a ' history.go() ” módszerrel. A reload() metódus a leggyakrabban használt módszer a weboldalak újratöltésére vagy frissítésére. Ez a bejegyzés bemutatta az oldalak JavaScript használatával történő frissítésének módjait.