Minsan, gustong i-refresh ng mga developer ang web page nang madalas habang gumagawa ng mga web application, gaya ng mga blog o website kung saan maaaring mag-iba ang mga content depende sa mga aksyon ng user. Ang anumang na-update na impormasyon batay sa mga pakikipag-ugnayan ng user na ito ay ipapakita kapag na-refresh o na-reload ang page. Para sa layuning ito, nag-aalok ang JavaScript ng ilang mga prebuilt na pamamaraan na tatalakayin sa ibaba.
Ang post na ito ay maglalarawan ng mga paraan upang i-reload ang isang pahina gamit ang JavaScript.
Paano Mag-reload ng Pahina Gamit ang JavaScript?
Para sa pag-reload o pag-refresh ng page, gamitin ang mga sumusunod na pamamaraan sa JavaScript:
Paraan 1: I-reload ang isang Pahina Gamit ang Reload() Method
Gamitin ang ' location.reload() ” paraan para i-reload ang page. Ito ay gumagana tulad ng refresh button ng isang browser. Ang ' Reload() Ang pamamaraan ay responsable para sa pag-reload ng pahina, habang ang ' lokasyon ” ay isang interface na nagsasaad ng aktwal na lokasyon (URL) ng bagay kung saan ito nauugnay. Ang URL ng page na ire-refresh ay maa-access ng alinman sa ' dokumento.lokasyon 'o' bintana.lokasyon ”.
Syntax
Gamitin ang sumusunod na syntax para sa muling pagkarga ng kasalukuyang pahina gamit ang reload() na pamamaraan:
window.location.reload ( ) ;Halimbawa 1: I-refresh sa isang Pag-click sa Button
Lumikha ng isang pindutan at maglakip ng ' onclick ' kaganapan dito na tatawag sa JavaScript na paunang natukoy na ' Reload() 'paraan:
< pindutan onclick = 'window.location.reload()' > Refresh / I-reload ang Pahina pindutan >Ang output ay nagpapahiwatig na ang pahina ay nire-refresh o na-reload sa isang pag-click sa pindutan:
Halimbawa 2: Auto Refresh Gamit ang setTimeout() Method With reload() Method
Itakda ang oras para sa awtomatikong pag-refresh ng pahina gamit ang ' setTimeout() ” paraan. Una, tutukuyin natin ang isang pamamaraan ' refresh() ” na tumatagal ng agwat ng oras bilang parameter para i-refresh ang page pagkatapos ng panahong iyon. Tawagan ang setTimeout() method at pagkatapos ay tawagan ang reload() method:
function refresh ( oras ) {setTimeout ( ( ) = > {
document.location.reload ( totoo ) ;
} , oras ) ;
}
Dito, itatakda namin ang oras na 2 segundo upang i-refresh ang pahina pagkatapos ng bawat dalawang segundo:
window.onload = i-refresh ( 2000 ) ;Tulad ng nakikita mo na ang pahina ay awtomatikong nire-refresh pagkatapos ng 2 segundo:
Paraan 2: I-reload ang isang Pahina Gamit ang Go() Method
Ang isa pang diskarte para sa pag-refresh ng isang pahina ay ang ' history.go() ” paraan. Ang pagbibigay sa alinman sa isang positibo o negatibong halaga ay maaaring gamitin gaya ng dati upang umusad o pasulong. Para sa pag-refresh, ipasa ang ' 0 ” neutral na halaga o wala.
Syntax
Sundin ang ibinigay na syntax para sa muling pagkarga ng pahina:
kasaysayan.go ( )Halimbawa
Dito, tatawagin natin ang ' history.go() ” paraan sa kaganapan ng pag-click ng button:
< pindutan onclick = 'history.go()' > Refresh / I-reload ang Pahina pindutan >Output
Iyon lang ang tungkol sa pag-reload/pagre-refresh ng mga web page gamit ang JavaScript.
Konklusyon
Para sa muling pagkarga ng web page gamit ang JavaScript, gamitin ang ' window.location.reload() 'paraan o ang' history.go() ” paraan. Ang reload() na paraan ay ang pinakakaraniwang ginagamit na diskarte para sa pag-reload o pag-refresh ng mga web page. Ang post na ito ay naglalarawan ng mga paraan upang i-refresh ang isang pahina gamit ang JavaScript.