Kā atkārtoti ielādēt lapu, izmantojot JavaScript

Ka Atkartoti Ieladet Lapu Izmantojot Javascript



Dažreiz izstrādātāji vēlas bieži atsvaidzināt tīmekļa lapu, veidojot tīmekļa lietojumprogrammas, piemēram, emuārus vai vietnes, kuru saturs var atšķirties atkarībā no lietotāja darbībām. Jebkura atjauninātā informācija, kuras pamatā ir šī lietotāja mijiedarbība, tiks parādīta, kad lapa tiks atsvaidzināta vai atkārtoti ielādēta. Šim nolūkam JavaScript piedāvā dažas iepriekš izveidotas metodes, kas tiks apspriestas tālāk.

Šī ziņa ilustrēs veidus, kā atkārtoti ielādēt lapu, izmantojot JavaScript.







Kā atkārtoti ielādēt lapu, izmantojot JavaScript?

Lai atkārtoti ielādētu vai atsvaidzinātu lapu, izmantojiet šādas metodes JavaScript:



1. metode: atkārtoti ielādējiet lapu, izmantojot reload() metodi

Izmantojiet ' location.reload() ” metodi, lai atkārtoti ielādētu lapu. Tas darbojas tāpat kā pārlūkprogrammas atsvaidzināšanas poga. ' Pārlādēt() ' metode ir atbildīga par lapas atkārtotu ielādi, savukārt ' atrašanās vieta ” ir saskarne, kas norāda tā objekta faktisko atrašanās vietu (URL), ar kuru tas ir saistīts. Atsvaidzināmās lapas vietrādim URL var piekļūt vai nu “ dokuments.vieta ” vai “ logs.vieta ”.



Sintakse





Izmantojiet šo sintaksi, lai atkārtoti ielādētu pašreizējo lapu, izmantojot reload() metodi:

window.location.reload ( ) ;



1. piemērs. Atsvaidziniet, noklikšķinot uz pogas

Izveidojiet pogu un pievienojiet ' onclick 'notikums tajā, kas izsauks iepriekš definētu JavaScript' Pārlādēt() ” metode:

< pogu onclick = 'window.location.reload()' > atjaunot / Pārlādēt lapu pogu >

Izvade norāda, ka lapa tiek atsvaidzināta vai atkārtoti ielādēta, noklikšķinot uz pogas:

2. piemērs: Automātiskā atsvaidzināšana, izmantojot setTimeout() metodi Ar reload() metodi

Iestatiet laiku lapas automātiskai atsvaidzināšanai, izmantojot “ setTimeout() ” metode. Pirmkārt, mēs definēsim metodi ' atjaunot() ”, kas izmanto laika intervālu kā parametru, lai pēc šī laika atsvaidzinātu lapu. Izsauciet metodi setTimeout() un pēc tam izsauciet reload() metodi:

funkciju atjaunot ( laiks ) {
setTimeout ( ( ) = > {
document.location.reload ( taisnība ) ;
} , laiks ) ;
}

Šeit mēs iestatīsim laiku 2 sekundes, lai lapu atsvaidzinātu ik pēc divām sekundēm:

window.onload = atsvaidzināt ( 2000. gads ) ;

Kā redzat, lapa tiek automātiski atsvaidzināta pēc 2 sekundēm:

2. metode: atkārtoti ielādējiet lapu, izmantojot go() metodi

Vēl viena pieeja lapas atsvaidzināšanai ir “ history.go() ” metode. Pozitīvas vai negatīvas vērtības ievadīšanu var izmantot kā parasti, lai pārvietotos atpakaļ vai uz priekšu. Lai atsvaidzinātu, palaidiet garām “ 0 ” neitrāla vērtība vai nekas.

Sintakse

Lai atkārtoti ielādētu lapu, ievērojiet norādīto sintaksi:

vēsture.go ( )

Piemērs

Šeit mēs sauksim ' history.go() ” metode pogas noklikšķināšanas gadījumā:

< pogu onclick = 'history.go()' > atjaunot / Pārlādēt lapu pogu >

Izvade

Tas viss attiecas uz tīmekļa lapu atkārtotu ielādi/atsvaidzināšanu, izmantojot JavaScript.

Secinājums

Lai atkārtoti ielādētu tīmekļa lapu, izmantojot JavaScript, izmantojiet ' window.location.reload() 'metode vai ' history.go() ” metode. Reload() metode ir visbiežāk izmantotā pieeja tīmekļa lapu pārlādēšanai vai atsvaidzināšanai. Šī ziņa ilustrē veidus, kā atsvaidzināt lapu, izmantojot JavaScript.