Joskus kehittäjät haluavat päivittää verkkosivun usein luodessaan verkkosovelluksia, kuten blogeja tai verkkosivustoja, joiden sisältö voi vaihdella käyttäjän toimien mukaan. Kaikki näihin käyttäjien toimiin perustuvat päivitetyt tiedot näytetään, kun sivu päivitetään tai ladataan uudelleen. Tätä tarkoitusta varten JavaScript tarjoaa joitain valmiita menetelmiä, joita käsitellään alla.
Tämä viesti havainnollistaa tapoja ladata sivu uudelleen JavaScriptin avulla.
Kuinka ladata sivu uudelleen JavaScriptin avulla?
Lataa tai päivitä sivu uudelleen seuraavilla tavoilla JavaScriptissä:
Tapa 1: Lataa sivu uudelleen käyttämällä reload()-menetelmää
Käytä ' location.reload() ' tapa ladata sivu uudelleen. Se toimii aivan kuin selaimen päivityspainike. ' lataa uudelleen () ' -menetelmä vastaa sivun uudelleenlatauksesta, kun taas ' sijainti ” on käyttöliittymä, joka osoittaa sen objektin todellisen sijainnin (URL-osoitteen), johon se on liitetty. Päivitettävän sivun URL-osoite on käytettävissä joko ' document.location ' tai ' window.location ”.
Syntaksi
Käytä seuraavaa syntaksia ladataksesi nykyisen sivun uudelleen käyttämällä reload()-menetelmää:
window.location.reload ( ) ;Esimerkki 1: Päivitä napin painalluksella
Luo painike ja liitä ' klikkaamalla tapahtuma, joka kutsuu ennalta määritettyä JavaScript-koodia lataa uudelleen () 'menetelmä:
< -painiketta klikkaamalla = 'window.location.reload()' > virkistää / Lataa sivu uudelleen -painiketta >Tulos osoittaa, että sivu päivitetään tai ladataan uudelleen painikkeen napsautuksella:
Esimerkki 2: Automaattinen päivitys käyttäen setTimeout()-menetelmää Reload()-menetelmällä
Aseta aika sivun automaattiselle päivitykselle käyttämällä ' setTimeout() ”menetelmä. Ensin määritämme menetelmän ' virkistää() ”, joka ottaa parametrina aikavälin sivun päivittämiseen tämän ajan jälkeen. Kutsu setTimeout()-metodi ja sitten reload()-metodi:
toiminto virkistää ( aika ) {setTimeout ( ( ) = > {
document.location.reload ( totta ) ;
} , aika ) ;
}
Tässä asetetaan aika 2 sekuntia sivun päivittämiseen kahden sekunnin välein:
window.onload = päivitä ( 2000 ) ;Kuten näet, sivu päivittyy automaattisesti 2 sekunnin kuluttua:
Tapa 2: Lataa sivu uudelleen go()-menetelmällä
Toinen tapa päivittää sivu on ' historia.go() ” menetelmällä. Positiivisen tai negatiivisen arvon antamista voidaan käyttää tavalliseen tapaan siirtymiseen taaksepäin tai eteenpäin. Jos haluat virkistystä, ohita ' 0 ”neutraali arvo tai ei mitään.
Syntaksi
Noudata annettua syntaksia ladataksesi sivu uudelleen:
historia.go ( )Esimerkki
Tässä kutsumme ' historia.go() ” -menetelmä painikkeen napsautustapahtumassa:
< -painiketta klikkaamalla = 'history.go()' > virkistää / Lataa sivu uudelleen -painiketta >Lähtö
Siinä on kyse verkkosivujen uudelleenlataamisesta/päivittämisestä JavaScriptin avulla.
Johtopäätös
Jos haluat ladata verkkosivun uudelleen JavaScriptin avulla, käytä ' window.location.reload() ”menetelmä tai ” historia.go() ” menetelmällä. Reload()-menetelmä on yleisimmin käytetty tapa ladata tai päivittää verkkosivuja. Tämä viesti havainnollistaa tapoja päivittää sivu JavaScriptillä.