Hvordan du last inn en side på nytt ved hjelp av JavaScript
Noen ganger ønsker utviklere å oppdatere websiden ofte mens de oppretter webapplikasjoner, for eksempel blogger eller nettsteder der innholdet kan variere avhengig av brukerhandlinger. Enhver oppdatert informasjon basert på disse brukerinteraksjonene vil vises når siden blir oppdatert eller lastet på nytt. For dette formålet tilbyr JavaScript noen forhåndsbygde metoder som vil bli diskutert nedenfor.
Dette innlegget vil illustrere måtene å laste inn en side ved hjelp av JavaScript.
Hvordan du last inn en side på nytt ved hjelp av JavaScript?
For omlasting eller forfriskende en side, bruk følgende metoder i JavaScript:
- Reload () Metode
- GO () Metode
Metode 1: Last inn en side ved hjelp av Reload () -metode
Bruke "plassering.Last inn () på nytt”Metode for å laste inn siden på nytt. Det fungerer akkurat som en nettleseroppfriskningsknapp. “Last inn () på nytt”Metoden er ansvarlig for omlasting av siden, mens“plassering”Er et grensesnitt som indikerer den faktiske plasseringen (URL) til objektet det er tilknyttet. URL -en på siden for å oppdatere er tilgjengelig av beggedokument.plassering”Eller“vindu.plassering”.
Syntaks
Bruk følgende syntaks for å laste inn den gjeldende siden ved hjelp av Reload () -metoden:
vindu.plassering.Reload ();
Eksempel 1: Oppdater på et knappeklikk
Lag en knapp og fest en “ved trykk”Arrangementet om det som vil kalle JavaScript forhåndsdefinerte“Last inn () på nytt”Metode:
Utgangen indikerer at siden er oppdatert eller lastet inn på et knappeklikk:
Eksempel 2: Auto Refresh ved bruk av Settimeout () -metode med Reload () -metode
Angi tiden for automatisk å oppdatere siden ved å bruke “setTimeout ()”Metode. Først vil vi definere en metode "forfriske()”Det tar et tidsintervall som en parameter for å oppdatere siden etter den tid. Ring Settimeout () -metoden og ring deretter Reload () -metoden:
funksjon oppdater (tid)
setTimeout (() =>
dokument.plassering.Last inn (sant);
, tid);
Her setter vi tiden 2 sekunder til å oppdatere siden etter hvert annet sekund:
vindu.onload = oppdater (2000);
Som du kan se at siden automatisk blir oppdatert etter 2 sekunder:
Metode 2: Last inn en side ved hjelp av Go () -metode
En annen tilnærming for å oppdatere en side er "historie.gå()”Metode. Å gi inn enten en positiv eller negativ verdi kan brukes som vanlig til å bevege seg bakover eller fremover. For en oppdatering, pass på “0”Nøytral verdi eller ingenting.
Syntaks
Følg den gitte syntaksen for å laste inn siden på nytt:
historie.gå()
Eksempel
Her vil vi kalle “historie.gå()”Metode i klikkhendelsen til knappen:
Produksjon
Det handler om omlasting/forfriskende websider ved hjelp av JavaScript.
Konklusjon
For å laste inn en webside ved hjelp av JavaScript, bruk "vindu.plassering.Last inn () på nytt”Metode eller“historie.gå()”Metode. Reload () -metoden er den mest brukte tilnærmingen for omlasting eller forfriskende websider. Dette innlegget illustrerte måtene å oppdatere en side ved hjelp av JavaScript.