Kartais kūrėjai nori dažnai atnaujinti tinklalapį kurdami žiniatinklio programas, pvz., tinklaraščius ar svetaines, kurių turinys gali skirtis priklausomai nuo vartotojo veiksmų. Bet kokia atnaujinta informacija, pagrįsta šiomis naudotojo sąveikomis, bus rodoma, kai puslapis bus atnaujintas arba įkeltas iš naujo. Šiuo tikslu JavaScript siūlo keletą iš anksto sukurtų metodų, kurie bus aptarti toliau.
Šis įrašas parodys būdus, kaip iš naujo įkelti puslapį naudojant „JavaScript“.
Kaip iš naujo įkelti puslapį naudojant „JavaScript“?
Norėdami iš naujo įkelti arba atnaujinti puslapį, naudokite šiuos „JavaScript“ metodus:
1 būdas: iš naujo įkelkite puslapį naudodami reload() metodą
Naudoti ' location.reload() “ būdas iš naujo įkelti puslapį. Jis veikia kaip naršyklės atnaujinimo mygtukas. „ perkrauti () “ metodas yra atsakingas už puslapio įkėlimą iš naujo, o „ vieta “ yra sąsaja, nurodanti tikrąją objekto, su kuriuo jis susietas, vietą (URL). Puslapio, kurį reikia atnaujinti, URL galima pasiekti naudojant „ dokumentas.vieta “ arba „ langas.vieta “.
Sintaksė
Norėdami iš naujo įkelti dabartinį puslapį naudodami reload() metodą, naudokite šią sintaksę:
window.location.reload ( ) ;1 pavyzdys: Atnaujinkite spustelėjus mygtuką
Sukurkite mygtuką ir pridėkite „ paspaudus “ įvykis, kuris iškvies iš anksto nustatytą „JavaScript“ perkrauti () “ metodas:
< mygtuką paspaudus = 'window.location.reload()' > Atnaujinti / Iš naujo įkelti puslapį mygtuką >Išvestis rodo, kad puslapis atnaujinamas arba įkeliamas iš naujo spustelėjus mygtuką:
2 pavyzdys: Automatinis atnaujinimas naudojant setTimeout() metodą Su reload() metodu
Nustatykite automatinio puslapio atnaujinimo laiką naudodami „ setTimeout() “ metodas. Pirmiausia apibrėžsime metodą ' atnaujinti () “, kuris naudoja laiko intervalą kaip parametrą, kad puslapis būtų atnaujintas po to laiko. Iškvieskite metodą setTimeout() ir tada iškvieskite reload() metodą:
funkcija atnaujinti ( laikas ) {setTimeout ( ( ) = > {
document.location.reload ( tiesa ) ;
} , laikas ) ;
}
Čia nustatysime 2 sekundžių laiką, kad puslapis būtų atnaujintas kas dvi sekundes:
window.onload = atnaujinti ( 2000 m ) ;Kaip matote, puslapis automatiškai atnaujinamas po 2 sekundžių:
2 būdas: iš naujo įkelkite puslapį naudodami go() metodą
Kitas būdas atnaujinti puslapį yra „ history.go() “ metodas. Teigiamos arba neigiamos vertės suteikimas gali būti naudojamas kaip įprasta judėti atgal arba į priekį. Norėdami atsigaivinti, pereikite „ 0 “ neutrali vertė arba nieko.
Sintaksė
Norėdami iš naujo įkelti puslapį, vadovaukitės nurodyta sintaksė:
istorija.go ( )Pavyzdys
Čia mes vadinsime „ history.go() “ metodas mygtuko paspaudimo atveju:
< mygtuką paspaudus = 'history.go()' > Atnaujinti / Iš naujo įkelti puslapį mygtuką >Išvestis
Tai viskas apie tinklalapių įkėlimą / atnaujinimą naudojant „JavaScript“.
Išvada
Norėdami iš naujo įkelti tinklalapį naudodami „JavaScript“, naudokite „ window.location.reload() “ metodas arba „ history.go() “ metodas. Reload() metodas yra dažniausiai naudojamas tinklalapių įkėlimo arba atnaujinimo būdas. Šis įrašas parodė, kaip atnaujinti puslapį naudojant „JavaScript“.