Terokai cara memuat semula halaman menggunakan Javascript

PHPz
Lepaskan: 2023-04-06 13:33:24
asal
1168 orang telah melayarinya

Javascript ialah bahasa pengaturcaraan yang digunakan secara meluas. Banyak tapak web menggunakan Javascript untuk menambah interaktiviti pada halaman mereka, dan halaman sering perlu dikemas kini untuk mempamerkan data atau fungsi terkini. Dalam artikel ini, kami akan meneroka cara memuat semula halaman menggunakan Javascript.

Terdapat dua cara untuk memuat semula halaman menggunakan Javascript: menggunakan kaedah terbina dalam penyemak imbas atau menggunakan kaedah yang disediakan oleh Javascript itu sendiri.

1 Gunakan kaedah muat semula terbina dalam penyemak imbas

  1. Gunakan F5 untuk memuat semula halaman

Kaedah paling klasik ialah menggunakan butang F5 untuk menyegarkan halaman. F5 ialah kaedah muat semula terbina dalam yang disediakan oleh penyemak imbas Ia akan memuat semula dan memuat semula halaman web, tetapi ia juga akan mengambil semula semua sumber dan data. Kaedah ini sesuai untuk senario di mana keseluruhan halaman perlu dimuat semula.

  1. Gunakan Ctrl + F5 untuk memuat semula halaman

Kadangkala, penyemak imbas akan menyimpan fail cache secara setempat, yang akan menyebabkan penyemak imbas mendapat versi lama halaman tersebut. Tidak dapat mendapatkan halaman web terkini. Dalam kes ini, anda boleh menggunakan kombinasi kekunci Ctrl + F5 untuk menyegarkan halaman. Kaedah ini juga akan memuat semula semua fail halaman web, tetapi akan memaksa penyemak imbas untuk mengabaikan cache dan memuat turun semula halaman web terkini.

2. Gunakan kaedah muat semula yang disediakan oleh Javascript

  1. Gunakan kaedah location.reload()

lokasi ialah objek yang disediakan oleh Javascript, mewakili alamat semasa dokumen. Kaedah reload() boleh digunakan untuk memuat semula halaman semasa.

Kod contoh:

function refreshPage() {
    location.reload();
}
Salin selepas log masuk

Kod ini akan memaparkan butang dalam halaman dan apabila pengguna mengkliknya, halaman itu akan dimuat semula.

  1. Muat semula halaman menggunakan kaedah setTimeout()

Kaedah setTimeout() boleh digunakan untuk memuat semula halaman selepas tempoh masa. Kaedah ini membolehkan kita menangguhkan masa penyegaran mengikut keperluan kita sendiri.

Kod sampel:

function refreshPage() {
    setTimeout(function() {
        location.reload();
    }, 5000) // 5000毫秒 = 5秒
}
Salin selepas log masuk

Kod ini akan memuatkan semula halaman selepas 5 saat.

  1. Gunakan kaedah setInterval() untuk memuat semula halaman dengan kerap

Kaedah setInterval() boleh digunakan untuk memuat semula halaman dengan kerap. Ia berbeza daripada kaedah setTimeout() dalam setInterval() yang melaksanakan fungsi pada selang masa yang tetap dan bukannya sekali sahaja secara lalai.

Kod sampel:

function refreshPage() {
    setInterval(function() {
        location.reload();
    }, 10000) // 10000毫秒 = 10秒
}
Salin selepas log masuk

Kod ini akan memuatkan semula halaman setiap 10 saat.

Ringkasan:

Artikel ini memperkenalkan kaedah muat semula terbina dalam penyemak imbas dan kaedah muat semula yang disediakan oleh Javascript, membolehkan pembaca memahami dua cara menyegarkan halaman dalam Javascript. Dalam projek sebenar, kita boleh memilih kaedah yang sesuai mengikut keperluan sebenar.

Atas ialah kandungan terperinci Terokai cara memuat semula halaman menggunakan Javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!