Noen ganger ønsker utviklere å oppdatere nettsiden ofte mens de lager nettapplikasjoner, for eksempel blogger eller nettsteder der innholdet kan variere avhengig av brukerhandlinger. All oppdatert informasjon basert på disse brukerinteraksjonene vil bli vist når siden oppdateres eller lastes inn 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 på nytt ved hjelp av JavaScript.
Hvordan laste inn en side på nytt ved hjelp av JavaScript?
For å laste inn eller oppdatere en side, bruk følgende metoder i JavaScript:
Metode 1: Last inn en side på nytt ved å bruke reload()-metoden
Bruke ' location.reload() ”-metoden for å laste siden på nytt. Den fungerer akkurat som en nettlesers oppdateringsknapp. « last på nytt () '-metoden er ansvarlig for sideinnlasting, mens ' plassering ” er et grensesnitt som indikerer den faktiske plasseringen (URL) til objektet det er knyttet til. Nettadressen til siden som skal oppdateres er tilgjengelig med enten ' document.location ' eller ' vindu.sted '.
Syntaks
Bruk følgende syntaks for å laste inn gjeldende side på nytt med reload()-metoden:
window.location.reload ( ) ;Eksempel 1: Oppdater ved et knappeklikk
Lag en knapp og legg ved en ' ved trykk '-hendelse på den som vil kalle JavaScript-forhåndsdefinerte ' last på nytt () ' metode:
< knapp ved trykk = 'window.location.reload()' > Forfriske / Last inn siden på nytt knapp >Utdataene indikerer at siden er oppdatert eller lastet inn på nytt ved et knappeklikk:
Eksempel 2: Automatisk oppdatering ved hjelp av setTimeout()-metoden med reload()-metoden
Still inn tiden for automatisk oppdatering av siden ved å bruke ' setTimeout() 'metoden. Først vil vi definere en metode ' forfriske() ” som tar et tidsintervall som parameter for å oppdatere siden etter den tiden. Kall setTimeout()-metoden og ring deretter reload()-metoden:
funksjon forfriske ( tid ) {setTimeout ( ( ) = > {
document.location.reload ( ekte ) ;
} , tid ) ;
}
Her vil vi sette tiden 2 sekunder for å oppdatere siden etter hvert annet sekund:
window.onload = oppdatering ( 2000 ) ;Som du kan se at siden oppdateres automatisk etter 2 sekunder:
Metode 2: Last inn en side på nytt med go()-metoden
En annen tilnærming for å oppdatere en side er ' history.go() 'metoden. Å gi inn enten en positiv eller negativ verdi kan brukes som vanlig for å gå bakover eller fremover. For en oppfriskning, bestå ' 0 'nøytral verdi eller ingenting.
Syntaks
Følg den gitte syntaksen for å laste siden på nytt:
history.go ( )Eksempel
Her vil vi kalle ' history.go() ”-metoden i klikkhendelsen på knappen:
< knapp ved trykk = 'history.go()' > Forfriske / Last inn siden på nytt knapp >Produksjon
Det handler om å laste inn/oppdatere nettsider ved hjelp av JavaScript.
Konklusjon
For å laste inn en nettside ved hjelp av JavaScript, bruk ' window.location.reload() '-metoden eller ' history.go() 'metoden. Reload()-metoden er den mest brukte tilnærmingen for å laste inn eller oppdatere nettsider. Dette innlegget illustrerte måtene å oppdatere en side ved hjelp av JavaScript.