Bagaimana Anda me-refresh javascript?

Anda dapat menyegarkan halaman web menggunakan lokasi JavaScript. metode isi ulang. Kode ini dapat dipanggil secara otomatis pada suatu peristiwa atau hanya ketika pengguna mengklik tautan. Jika Anda ingin me-refresh halaman web menggunakan klik mouse, maka Anda dapat menggunakan kode berikut −

Refresh Page

Untuk memahaminya dengan lebih baik, Anda dapat Menyegarkan Halaman

Penyegaran Otomatis

Anda juga dapat menggunakan JavaScript untuk menyegarkan halaman secara otomatis setelah jangka waktu tertentu. Di sini setTimeout() adalah fungsi JavaScript bawaan yang dapat digunakan untuk menjalankan fungsi lain setelah interval waktu tertentu

Contoh

Coba contoh berikut. Ini menunjukkan cara me-refresh halaman setelah setiap 5 detik. Anda dapat mengubah waktu ini sesuai kebutuhan Anda

Saat menggunakan JavaScript, Anda mungkin ingin me-refresh halaman web dengan kode Anda. Mari kita lihat berbagai cara untuk melakukannya

Di sini kita akan mempelajari metode berikut untuk menyegarkan halaman web dalam JavaScript

1. Menyegarkan Halaman di JavaScript

Dalam JavaScript, halaman dimuat ulang menggunakan dokumen. lokasi. reload() metode atau jendela. lokasi. muat ulang() metode. Lokasinya. metode reload() memberikan hasil yang sama dengan menekan tombol reload pada browser Anda

Metode ini memuat ulang halaman langsung dari cache browser secara default. Jika properti forceGet disetel ke benar, halaman web akan dimuat ulang dari server.  

Muat Ulang Halaman dari Cache

Contoh



Page Reload Uisng Javascript





_

Muat Ulang Halaman dari Server (tanpa Cache)



Page Reload Uisng Javascript without Cache





Parameter default adalah False di sini. Jadi, jika parameter dibiarkan kosong, object. reload() memuat ulang halaman menggunakan data cache browser, mis. e. identik dengan menggunakan metode sebagai objek. muat ulang (salah)

2. Refresh Otomatis Halaman Setelah 5 Detik



Page Reload Uisng Javascript after 5 seconds





Anda juga dapat menggunakan JavaScript untuk me-refresh halaman web secara otomatis setelah selang waktu tertentu. Dengan menggunakan metode setTimeout() di sini, kami menyegarkan halaman secara otomatis 5 detik setelah dimuat ulang

3. Segarkan Halaman saat Klik Tombol



Page Reload Uisng Javascript on button click 





_

Alih-alih menyegarkan halaman web secara otomatis menggunakan metode, Anda dapat memanggil metode saat pengguna melakukan suatu peristiwa, seperti klik tombol. Dalam contoh ini, Anda dapat melihat bahwa halaman akan disegarkan menggunakan lokasi. metode reload() setelah pengguna mengklik tombol Muat Ulang Halaman

4. Menggunakan Fungsi Sejarah

Contoh



Page Reload Uisng Javascriptusing history function




JavaScript, objek jendela memiliki properti riwayat yang digunakan untuk menyegarkan halaman. Sejarah. metode go() dalam contoh ini membantu dalam memanipulasi riwayat sesi browser

Di sini 0 adalah parameter riwayat,

  • 0 = Halaman saat ini
  • -1 = Halaman sebelumnya

Parameter ini memungkinkan Anda menavigasi bolak-balik dalam riwayat sesi halaman web Anda

5. Segarkan Halaman dalam HTML



Page Reload Uisng meta tag
	



_

Kode akan me-refresh dokumen HTML setiap 1 detik. http-equiv diatur untuk menyegarkan dan atribut konten diatur ke interval 1 detik.  

6. Menggunakan Jquery



Page Reload Uisng Jquery






Jendela. lokasi memiliki properti href. Ini mengembalikan URL situs web saat ini. Dalam contoh ini, properti ini digunakan untuk memuat ulang dan menyegarkan halaman saat ini. Properti ini juga dapat digunakan untuk menargetkan halaman lain dan menyegarkannya

Fungsi halaman penyegaran JavaScript dapat memuat ulang sumber daya saat ini. Dalam kebanyakan kasus, halaman dipilih untuk disegarkan. Metode ini juga memiliki keuntungan lain, seperti membantu Anda mendapatkan alamat URL dari halaman saat ini, mengalihkan browser ke halaman lain, dan, tentu saja, me-refresh halaman JavaScript.

Contoh berikut berisi kode yang dapat Anda gunakan untuk memuat ulang situs web. Klik tombol Coba Langsung, dan buat modifikasi pada skrip

Contoh Salinan

location.reload();
_

Cobalah Belajar Langsung di Udacity

Parameter boolean dari metode halaman reload JS ini secara otomatis ditetapkan sebagai false. Jika Anda menunjukkan benar dalam tanda kurung, halaman akan dimuat ulang dari server, bukan dari cache

Dengan kata lain, dengan mengganti false default dengan true, Anda memaksa situs web dimuat dari server

Metode halaman penyegaran JavaScript adalah pilihan populer di kalangan pengembang untuk memuat ulang halaman web. Lokasi dokumen yang dimuat di jendela ditemukan di variabel lokasi. Dengan menjalankan location.reload()_, Anda akan melakukan pemuatan ulang yang sama seperti yang dijalankan oleh penyegaran browser biasa

lokasi. memuat ulang() Sintaks

Ini adalah bagaimana Anda dapat memanggil metode refresh halaman JavaScript dari dalam kode Anda (untuk memuat ulang dari server)

location.reload(forceGet)

Kami telah menunjukkan bahwa perintah halaman penyegaran JavaScript dapat memiliki parameter forceGet yang disertakan dalam tanda kurung. Parameter ini selalu memiliki nilai boolean benar atau salah Namun, ini opsional

Parameter forceGet_ seharusnya hanya digunakan ketika pengembang ingin memaksa situs web memuat ulang dari server. Fungsi penyegaran halaman JavaScript tanpa parameter dalam tanda kurung akan memuat ulang halaman dari cache

Contoh Salinan

location.reload(true);
_

Cobalah Belajar Langsung di Udacity

Cara lain untuk memuat ulang halaman adalah dengan menggunakan perintah timedRefresh. Anda dapat menentukan seberapa sering menyegarkan halaman, dan itu akan dilakukan secara otomatis tanpa henti

Apa metode memuat ulang ()?

reload() metode menyediakan cara untuk memuat ulang halaman di URL saat ini . Sintaksnya adalah sebagai berikut. obyek. memuat ulang(memuat ulang paksa); .

Bagaimana cara memuat ulang JavaScript tanpa memuat ulang halaman?

Ada dua metode untuk memodifikasi URL dalam JavaScript tanpa memuat ulang halaman. Ini adalah. Metode pushState(). Metode replaceState() .

Bagaimana cara memeriksa penyegaran halaman dalam JavaScript?

Saat penyegaran, periksa apakah kuki Anda ada dan jika ya, waspada. .
Mengklik tombol Muat Ulang atau menggunakan Lokasi. muat ulang()
Bekerja dengan riwayat browser (Kembali dan Maju)

Apa fungsi memuat ulang di JavaScript?

Dalam JavaScript, metode reload() digunakan untuk memuat ulang halaman web . Ini mirip dengan tombol segarkan browser. Metode ini tidak mengembalikan nilai apapun.