Někdy chtějí vývojáři často aktualizovat webovou stránku při vytváření webových aplikací, jako jsou blogy nebo webové stránky, kde se obsah může lišit v závislosti na akcích uživatele. Veškeré aktualizované informace založené na těchto uživatelských interakcích se zobrazí při obnovení nebo opětovném načtení stránky. Pro tento účel nabízí JavaScript některé předpřipravené metody, které budou popsány níže.
Tento příspěvek bude ilustrovat způsoby, jak znovu načíst stránku pomocí JavaScriptu.
Jak znovu načíst stránku pomocí JavaScriptu?
Pro opětovné načtení nebo obnovení stránky použijte v JavaScriptu následující metody:
Metoda 1: Znovu načtěte stránku pomocí metody reload().
Použijte „ location.reload() ” metodu pro opětovné načtení stránky. Funguje stejně jako tlačítko pro obnovení prohlížeče. ' Znovu načíst() ” metoda je zodpovědná za opětovné načtení stránky, zatímco “ umístění ” je rozhraní, které označuje skutečné umístění (URL) objektu, ke kterému je přidružen. Adresa URL stránky, kterou chcete obnovit, je přístupná buď pomocí „ umístění dokumentu “ nebo „ umístění okna “.
Syntax
Pro opětovné načtení aktuální stránky pomocí metody reload() použijte následující syntaxi:
window.location.reload ( ) ;Příklad 1: Obnovení po kliknutí na tlačítko
Vytvořte tlačítko a připojte „ při kliknutí ” událost na něm, která zavolá předdefinovaný JavaScript “ Znovu načíst() “ metoda:
< knoflík při kliknutí = 'window.location.reload()' > Obnovit / Znovu načíst stránku knoflík >Výstup indikuje, že se stránka obnoví nebo znovu načte kliknutím na tlačítko:
Příklad 2: Automatické obnovení pomocí metody setTimeout() S metodou reload()
Nastavte čas pro automatické obnovení stránky pomocí „ setTimeout() “ metoda. Nejprve definujeme metodu „ Obnovit() ”, který bere jako parametr časový interval pro obnovení stránky po uplynutí této doby. Zavolejte metodu setTimeout() a poté zavolejte metodu reload():
funkce Obnovit ( čas ) {setTimeout ( ( ) = > {
dokument.umístění.znovu načíst ( skutečný ) ;
} , čas ) ;
}
Zde nastavíme čas 2 sekund na obnovení stránky po každých dvou sekundách:
window.onload = obnovit ( 2000 ) ;Jak vidíte, stránka se po 2 sekundách automaticky obnoví:
Metoda 2: Znovu načtěte stránku pomocí metody go().
Dalším způsobem obnovení stránky je „ history.go() “ metoda. Udání kladné nebo záporné hodnoty lze jako obvykle použít k pohybu vzad nebo vpřed. Pro osvěžení předejte „ 0 ” neutrální hodnota nebo nic.
Syntax
Pro opětovné načtení stránky postupujte podle uvedené syntaxe:
historie.go ( )Příklad
Zde budeme volat „ history.go() ” metoda v události kliknutí tlačítka:
< knoflík při kliknutí = 'history.go()' > Obnovit / Znovu načíst stránku knoflík >Výstup
To je vše o opětovném načtení/obnovení webových stránek pomocí JavaScriptu.
Závěr
Pro opětovné načtení webové stránky pomocí JavaScriptu použijte „ window.location.reload() “ metoda nebo “ history.go() “ metoda. Metoda reload() je nejběžněji používaným přístupem pro opětovné načtení nebo obnovení webových stránek. Tento příspěvek ilustroval způsoby obnovení stránky pomocí JavaScriptu.