Kadangkala, pembangun ingin memuat semula halaman web dengan kerap semasa membuat aplikasi web, seperti blog atau tapak web yang kandungannya mungkin berbeza-beza bergantung pada tindakan pengguna. Sebarang maklumat yang dikemas kini berdasarkan interaksi pengguna ini akan dipaparkan apabila halaman dimuat semula atau dimuat semula. Untuk tujuan ini, JavaScript menawarkan beberapa kaedah prabina yang akan dibincangkan di bawah.
Siaran ini akan menggambarkan cara untuk memuat semula halaman menggunakan JavaScript.
Bagaimana untuk Muat Semula Halaman Menggunakan JavaScript?
Untuk memuat semula atau memuat semula halaman, gunakan kaedah berikut dalam JavaScript:
Kaedah 1: Muat Semula Halaman Menggunakan Kaedah reload().
Menggunakan ' location.reload() ” kaedah untuk memuat semula halaman. Ia bertindak seperti butang muat semula penyemak imbas. ' Tambah nilai() ' kaedah bertanggungjawab untuk memuat semula halaman, manakala ' lokasi ” ialah antara muka yang menunjukkan lokasi sebenar (URL) objek yang dikaitkan dengannya. URL halaman untuk dimuat semula boleh diakses oleh sama ada ' dokumen.lokasi ” atau “ tingkap.lokasi ”.
Sintaks
Gunakan sintaks berikut untuk memuat semula halaman semasa menggunakan kaedah muat semula():
window.location.reload ( ) ;Contoh 1: Muat semula pada Klik Butang
Buat butang dan lampirkan ' onclick ' acara di atasnya yang akan memanggil JavaScript dipratentukan ' Tambah nilai() ' kaedah:
< butang onclick = 'window.location.reload()' > Segarkan semula / Muat Semula Halaman butang >Output menunjukkan bahawa halaman dimuat semula atau dimuat semula pada satu klik butang:
Contoh 2: Muat Semula Auto Menggunakan Kaedah setTimeout() Dengan Kaedah muat semula().
Tetapkan masa untuk memuat semula halaman secara automatik menggunakan ' setTimeout() ” kaedah. Pertama, kami akan menentukan kaedah ' muat semula() ” yang mengambil selang masa sebagai parameter untuk memuat semula halaman selepas masa itu. Panggil kaedah setTimeout() dan kemudian panggil kaedah reload():
fungsi segarkan semula ( masa ) {setTimeout ( ( ) = > {
document.location.reload ( benar ) ;
} , masa ) ;
}
Di sini, kami akan menetapkan masa 2 saat untuk memuat semula halaman selepas setiap dua saat:
window.onload = muat semula ( 2000 ) ;Seperti yang anda lihat bahawa halaman dimuat semula secara automatik selepas 2 saat:
Kaedah 2: Muat Semula Halaman Menggunakan Kaedah go().
Pendekatan lain untuk menyegarkan halaman ialah “ history.go() ” kaedah. Pemberian sama ada nilai positif atau negatif boleh digunakan seperti biasa untuk bergerak ke belakang atau ke hadapan. Untuk muat semula, lulus ' 0 ” nilai neutral atau tidak.
Sintaks
Ikuti sintaks yang diberikan untuk memuat semula halaman:
sejarah.pergi ( )Contoh
Di sini, kami akan memanggil ' history.go() ” kaedah dalam acara klik butang:
< butang onclick = 'history.go()' > Segarkan semula / Muat Semula Halaman butang >Pengeluaran
Itu sahaja tentang memuat semula/menyegarkan halaman web menggunakan JavaScript.
Kesimpulan
Untuk memuat semula halaman web menggunakan JavaScript, gunakan ' window.location.reload() ' kaedah atau ' history.go() ” kaedah. Kaedah muat semula() ialah pendekatan yang paling biasa digunakan untuk memuat semula atau menyegarkan halaman web. Siaran ini menggambarkan cara untuk memuat semula halaman menggunakan JavaScript.