Ibland vill utvecklare uppdatera webbsidan ofta medan de skapar webbapplikationer, till exempel bloggar eller webbplatser där innehållet kan variera beroende på användarens åtgärder. All uppdaterad information baserad på dessa användarinteraktioner kommer att visas när sidan uppdateras eller laddas om. För detta ändamål erbjuder JavaScript några förbyggda metoder som kommer att diskuteras nedan.
Det här inlägget kommer att illustrera sätten att ladda om en sida med JavaScript.
Hur laddar man om en sida med JavaScript?
För att ladda om eller uppdatera en sida, använd följande metoder i JavaScript:
Metod 1: Ladda om en sida med metoden reload()
Använd ' location.reload() ”-metoden för att ladda om sidan. Det fungerar precis som en webbläsares uppdateringsknapp. den ' ladda om() ”-metoden ansvarar för att sidan laddas om, medan ” plats ” är ett gränssnitt som indikerar den faktiska platsen (URL) för objektet som det är associerat till. Webbadressen till sidan som ska uppdateras är tillgänglig med antingen ' dokument.plats ' eller ' fönster.plats ”.
Syntax
Använd följande syntax för att ladda om den aktuella sidan med metoden reload():
window.location.reload ( ) ;Exempel 1: Uppdatera vid ett knappklick
Skapa en knapp och bifoga en ' onclick '-händelse på den som kommer att kalla JavaScriptet fördefinierade ' ladda om() ' metod:
< knapp onclick = 'window.location.reload()' > Uppdatera / Ladda om sidan knapp >Utdata indikerar att sidan uppdateras eller laddas om med ett knappklick:
Exempel 2: Automatisk uppdatering med metoden setTimeout() med metoden reload().
Ställ in tiden för automatisk uppdatering av sidan med hjälp av ' setTimeout() 'metoden. Först kommer vi att definiera en metod ' uppdatera() ” som tar ett tidsintervall som parameter för att uppdatera sidan efter den tiden. Anropa setTimeout()-metoden och anropa sedan reload()-metoden:
fungera uppdatera ( tid ) {setTimeout ( ( ) = > {
document.location.reload ( Sann ) ;
} , tid ) ;
}
Här kommer vi att ställa in tiden 2 sekunder för att uppdatera sidan varannan sekund:
window.onload = uppdatera ( 2000 ) ;Som du kan se att sidan uppdateras automatiskt efter 2 sekunder:
Metod 2: Ladda om en sida med go()-metoden
En annan metod för att uppdatera en sida är ' history.go() 'metoden. Att ge in antingen ett positivt eller negativt värde kan användas som vanligt för att gå bakåt eller framåt. För en uppdatering, passera ' 0 ” neutralt värde eller ingenting.
Syntax
Följ den givna syntaxen för att ladda om sidan:
historia.gå ( )Exempel
Här kommer vi att kalla ' history.go() ”-metoden i klickhändelsen på knappen:
< knapp onclick = 'history.go()' > Uppdatera / Ladda om sidan knapp >Produktion
Det handlar om att ladda om/uppdatera webbsidor med JavaScript.
Slutsats
För att ladda om en webbsida med JavaScript, använd ' window.location.reload() ' metoden eller ' history.go() 'metoden. Metoden reload() är den mest använda metoden för att ladda om eller uppdatera webbsidor. Det här inlägget illustrerade sätten att uppdatera en sida med JavaScript.