Nogle gange ønsker udviklere at opdatere websiden ofte, mens de opretter webapplikationer, såsom blogs eller websteder, hvor indholdet kan variere afhængigt af brugerhandlinger. Enhver opdateret information baseret på disse brugerinteraktioner vil blive vist, når siden opdateres eller genindlæses. Til dette formål tilbyder JavaScript nogle forudbyggede metoder, som vil blive diskuteret nedenfor.
Dette indlæg vil illustrere måder at genindlæse en side ved hjælp af JavaScript.
Hvordan genindlæses en side ved hjælp af JavaScript?
For at genindlæse eller opdatere en side skal du bruge følgende metoder i JavaScript:
Metode 1: Genindlæs en side ved hjælp af metoden reload()
Brug ' location.reload() ” metode til at genindlæse siden. Det fungerer ligesom en browsers opdateringsknap. Det ' genindlæs() '-metoden er ansvarlig for genindlæsning af sider, mens ' Beliggenhed ” er en grænseflade, der angiver den faktiske placering (URL) for det objekt, som det er knyttet til. URL'en på siden, der skal opdateres, er tilgængelig med enten ' dokument.placering ' eller ' vindue.placering ”.
Syntaks
Brug følgende syntaks til at genindlæse den aktuelle side ved hjælp af reload()-metoden:
window.location.reload ( ) ;Eksempel 1: Opdater ved et knapklik
Opret en knap og vedhæft en ' onclick ' hændelse på den, der kalder det foruddefinerede JavaScript ' genindlæs() ” metode:
< knap onclick = 'window.location.reload()' > Opdater / Genindlæs siden knap >Outputtet angiver, at siden er opdateret eller genindlæst ved et knapklik:
Eksempel 2: Automatisk opdatering ved hjælp af setTimeout()-metoden med reload()-metoden
Indstil tidspunktet for automatisk opdatering af siden ved hjælp af ' setTimeout() ” metode. Først vil vi definere en metode ' Opdater() ”, der tager et tidsinterval som parameter for at opdatere siden efter det tidspunkt. Kald setTimeout()-metoden og kald derefter reload()-metoden:
fungere Opdater ( tid ) {sætTimeout ( ( ) = > {
document.location.reload ( sand ) ;
} , tid ) ;
}
Her vil vi indstille tiden til 2 sekunder for at opdatere siden efter hvert andet sekund:
window.onload = opdatering ( 2000 ) ;Som du kan se, at siden automatisk opdateres efter 2 sekunder:
Metode 2: Genindlæs en side ved hjælp af go()-metoden
En anden tilgang til at opdatere en side er ' history.go() ” metode. At give ind enten en positiv eller negativ værdi kan bruges som sædvanligt til at gå tilbage eller frem. For en forfriskning skal du videregive ' 0 ” neutral værdi eller intet.
Syntaks
Følg den givne syntaks for at genindlæse siden:
historie.gå ( )Eksempel
Her vil vi kalde ' history.go() ” metode i klikhændelsen på knappen:
< knap onclick = 'history.go()' > Opdater / Genindlæs siden knap >Produktion
Det handler om at genindlæse/opfriske websider ved hjælp af JavaScript.
Konklusion
For at genindlæse en webside ved hjælp af JavaScript skal du bruge ' window.location.reload() '-metoden eller ' history.go() ” metode. Reload()-metoden er den mest almindeligt anvendte tilgang til genindlæsning eller opdatering af websider. Dette indlæg illustrerede måderne til at opdatere en side ved hjælp af JavaScript.