Niekedy chcú vývojári často aktualizovať webovú stránku pri vytváraní webových aplikácií, ako sú blogy alebo webové stránky, ktorých obsah sa môže líšiť v závislosti od akcií používateľa. Všetky aktualizované informácie na základe týchto interakcií používateľa sa zobrazia pri obnovení alebo opätovnom načítaní stránky. Na tento účel ponúka JavaScript niekoľko vopred zostavených metód, o ktorých sa bude diskutovať nižšie.
Tento príspevok ilustruje spôsoby opätovného načítania stránky pomocou JavaScriptu.
Ako znovu načítať stránku pomocou JavaScriptu?
Na opätovné načítanie alebo obnovenie stránky použite v JavaScripte nasledujúce metódy:
Metóda 1: Znovu načítajte stránku pomocou metódy reload().
Použi ' location.reload() ” spôsob opätovného načítania stránky. Funguje rovnako ako tlačidlo obnovenia prehliadača. ' znovu načítať () ” metóda je zodpovedná za opätovné načítanie stránky, zatiaľ čo metóda “ umiestnenie ” je rozhranie, ktoré označuje skutočné umiestnenie (URL) objektu, ku ktorému je priradený. Adresa URL stránky na obnovenie je prístupná buď cez „ dokument.umiestnenie “ alebo „ okno.umiestnenie “.
Syntax
Na opätovné načítanie aktuálnej stránky pomocou metódy reload() použite nasledujúcu syntax:
window.location.reload ( ) ;Príklad 1: Obnovenie po kliknutí na tlačidlo
Vytvorte tlačidlo a pripojte „ po kliknutí ” udalosť, ktorá zavolá preddefinovaný JavaScript “ znovu načítať () “ metóda:
< tlačidlo po kliknutí = 'window.location.reload()' > Obnoviť / Znovu načítať stránku tlačidlo >Výstup indikuje, že stránka sa obnoví alebo znovu načíta po kliknutí na tlačidlo:
Príklad 2: Automatické obnovenie pomocou metódy setTimeout() S metódou reload().
Nastavte čas automatického obnovenia stránky pomocou „ setTimeout() “. Najprv definujeme metódu „ Obnoviť() ”, ktorý berie ako parameter časový interval na obnovenie stránky po tomto čase. Zavolajte metódu setTimeout() a potom zavolajte metódu reload():
funkciu Obnoviť ( čas ) {setTimeout ( ( ) = > {
dokument.umiestnenie.znova načítať ( pravda ) ;
} , čas ) ;
}
Tu nastavíme čas 2 sekundy na obnovenie stránky po každých dvoch sekundách:
window.onload = refresh ( 2000 ) ;Ako vidíte, stránka sa automaticky obnoví po 2 sekundách:
Metóda 2: Znovu načítajte stránku pomocou metódy go().
Ďalším prístupom na obnovenie stránky je „ history.go() “. Zadanie kladnej alebo zápornej hodnoty sa môže použiť ako zvyčajne na pohyb dozadu alebo dopredu. Pre osvieženie prejdite „ 0 ” neutrálna hodnota alebo nič.
Syntax
Pri opätovnom načítaní stránky postupujte podľa uvedenej syntaxe:
history.go ( )Príklad
Tu budeme volať „ history.go() ” metóda v udalosti kliknutia tlačidla:
< tlačidlo po kliknutí = 'history.go()' > Obnoviť / Znovu načítať stránku tlačidlo >Výkon
To je všetko o opätovnom načítaní/obnovovaní webových stránok pomocou JavaScriptu.
Záver
Na opätovné načítanie webovej stránky pomocou JavaScriptu použite „ window.location.reload() “ metóda alebo “ history.go() “. Metóda reload() je najbežnejšie používaný prístup na opätovné načítanie alebo obnovenie webových stránok. Tento príspevok ilustroval spôsoby obnovenia stránky pomocou JavaScriptu.