Mõnikord soovivad arendajad veebilehte sageli värskendada, luues veebirakendusi, näiteks ajaveebe või veebisaite, mille sisu võib olenevalt kasutaja tegevustest erineda. Lehe värskendamisel või uuesti laadimisel kuvatakse kogu nendel kasutaja interaktsioonidel põhinev värskendatud teave. Sel eesmärgil pakub JavaScript mõningaid eelehitatud meetodeid, mida arutatakse allpool.
See postitus illustreerib lehe uuesti laadimise viise JavaScripti abil.
Kuidas lehekülge JavaScripti abil uuesti laadida?
Lehe uuesti laadimiseks või värskendamiseks kasutage JavaScriptis järgmisi meetodeid.
1. meetod: Laadige leht uuesti, kasutades meetodit reload().
Kasuta ' location.reload() ” meetod lehe uuesti laadimiseks. See toimib täpselt nagu brauseri värskendusnupp. ' laadi uuesti () ' meetod vastutab lehe uuesti laadimise eest, samas kui ' asukoht ” on liides, mis näitab selle objekti tegelikku asukohta (URL-i), millega see on seotud. Värskendatava lehe URL-ile pääseb juurde kas ' dokument.asukoht ” või „ aken.asukoht ”.
Süntaks
Kasutage aktiivse lehe uuesti laadimiseks reload() meetodit kasutades järgmist süntaksit:
window.location.reload ( ) ;Näide 1: Värskenda nupuvajutusega
Looge nupp ja lisage ' onclick sündmus, mis kutsub esile eelmääratletud JavaScripti laadi uuesti () ” meetod:
< nuppu onclick = 'window.location.reload()' > Värskenda / Laadi leht uuesti nuppu >Väljund näitab, et leht värskendatakse või laaditakse uuesti nupuvajutusega:
Näide 2: Automaatne värskendamine, kasutades meetodit setTimeout() Meetodiga reload()
Määrake lehe automaatse värskendamise aeg, kasutades nuppu ' setTimeout() ” meetod. Esiteks määratleme meetodi ' värskenda() ”, mis võtab parameetrina ajaintervalli lehe värskendamiseks pärast seda aega. Kutsuge meetod setTimeout() ja seejärel reload() meetod:
funktsiooni värskenda ( aega ) {setTimeout ( ( ) = > {
document.location.reload ( tõsi ) ;
} , aega ) ;
}
Siin määrame aja 2 sekundit lehe värskendamiseks iga kahe sekundi järel:
window.onload = värskenda ( 2000 ) ;Nagu näete, värskendatakse lehte automaatselt 2 sekundi pärast:
2. meetod: laadige leht uuesti, kasutades go() meetodit
Teine viis lehe värskendamiseks on ' history.go() ” meetod. Kas positiivse või negatiivse väärtuse andmist saab tavapäraselt kasutada tagasi- või edasiliikumiseks. Värskendamiseks jätke ' 0 ” neutraalne väärtus või mitte midagi.
Süntaks
Lehe uuesti laadimiseks järgige antud süntaksit:
ajalugu.go ( )Näide
Siin kutsume me ' history.go() ” meetod nupu klõpsamise korral:
< nuppu onclick = 'history.go()' > Värskenda / Laadi leht uuesti nuppu >Väljund
See kõik puudutab veebilehtede uuesti laadimist/värskendamist JavaScripti abil.
Järeldus
Veebilehe uuesti laadimiseks JavaScripti abil kasutage ' window.location.reload() meetod või history.go() ” meetod. Reload() meetod on veebilehtede uuesti laadimiseks või värskendamiseks kõige sagedamini kasutatav meetod. See postitus illustreeris lehe värskendamise viise JavaScripti abil.