Terkadang, pengembang ingin sering-sering menyegarkan halaman web saat membuat aplikasi web, seperti blog atau situs web yang kontennya dapat bervariasi tergantung pada tindakan pengguna. Setiap informasi yang diperbarui berdasarkan interaksi pengguna ini akan ditampilkan saat halaman disegarkan atau dimuat ulang. Untuk tujuan ini, JavaScript menawarkan beberapa metode bawaan yang akan dibahas di bawah.
Posting ini akan mengilustrasikan cara memuat ulang halaman menggunakan JavaScript.
Bagaimana Cara Memuat Ulang Halaman Menggunakan JavaScript?
Untuk memuat ulang atau menyegarkan halaman, gunakan metode berikut dalam JavaScript:
Metode 1: Muat Ulang Halaman Menggunakan Metode reload()
Menggunakan ' lokasi.reload() ” metode untuk memuat ulang halaman. Kerjanya seperti tombol refresh browser. “ muat ulang() ” metode bertanggung jawab untuk memuat ulang halaman, sedangkan metode “ lokasi ” adalah antarmuka yang menunjukkan lokasi sebenarnya (URL) dari objek yang terkait. URL halaman yang akan disegarkan dapat diakses dengan “ dokumen.lokasi ' atau ' jendela.lokasi ”.
Sintaksis
Gunakan sintaks berikut untuk memuat ulang halaman saat ini menggunakan metode reload() :
jendela.lokasi.reload ( ) ;Contoh 1: Segarkan dengan Klik Tombol
Buat tombol dan lampirkan “ onclick ” acara di atasnya yang akan memanggil JavaScript yang telah ditentukan sebelumnya “ muat ulang() ' metode:
< tombol onclick = 'window.location.reload()' > Menyegarkan / Muat Ulang Halaman tombol >Keluarannya menunjukkan bahwa halaman disegarkan atau dimuat ulang dengan satu klik tombol:
Contoh 2: Refresh Otomatis Menggunakan Metode setTimeout() Dengan Metode reload()
Tetapkan waktu untuk menyegarkan halaman secara otomatis menggunakan tombol “ setTimeout() ' metode. Pertama, kita akan mendefinisikan metode “ menyegarkan() ” yang membutuhkan interval waktu sebagai parameter untuk me-refresh halaman setelah waktu tersebut. Panggil metode setTimeout() dan kemudian panggil metode reload():
fungsi menyegarkan ( waktu ) {setTimeout ( ( ) = > {
document.location.reload ( BENAR ) ;
} , waktu ) ;
}
Di sini, kami akan mengatur waktu 2 detik untuk me-refresh halaman setelah setiap dua detik:
window.onload = segarkan ( 2000 ) ;Seperti yang Anda lihat, halaman tersebut disegarkan secara otomatis setelah 2 detik:
Metode 2: Muat Ulang Halaman Menggunakan Metode go()
Pendekatan lain untuk menyegarkan halaman adalah “ history.go() ' metode. Memberi dalam nilai positif atau negatif dapat digunakan seperti biasa untuk bergerak mundur atau maju. Untuk penyegaran, lewati “ 0 ” nilai netral atau tidak sama sekali.
Sintaksis
Ikuti sintaks yang diberikan untuk memuat ulang halaman:
history.go ( )Contoh
Di sini, kami akan memanggil ' history.go() ” metode dalam acara klik tombol:
< tombol onclick = 'history.go()' > Menyegarkan / Muat Ulang Halaman tombol >Keluaran
Itu semua tentang memuat ulang/menyegarkan halaman web menggunakan JavaScript.
Kesimpulan
Untuk memuat ulang halaman web menggunakan JavaScript, gunakan “ jendela.lokasi.reload() metode ” atau “ history.go() ' metode. Metode reload() adalah pendekatan yang paling umum digunakan untuk memuat ulang atau menyegarkan halaman web. Posting ini mengilustrasikan cara menyegarkan halaman menggunakan JavaScript.