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 JavascriptMuat 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 secondsAnda 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 clickAlih-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 tagKode 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
Catatan. Posting ini berusia lebih dari dua tahun sehingga informasi yang terkandung di sini mungkin sudah ketinggalan zaman. Jika Anda menemukan sesuatu, silakan tinggalkan komentar dan kami akan berusaha untuk memperbaikinya
22 Mei 2008 - waktu baca 2 menit
Agar halaman web di-refresh setiap beberapa detik, Anda dapat menggunakan tag meta dengan atribut http-equiv dan nilai refresh. Jumlah detik untuk menunda dapat dimasukkan ke dalam atribut konten. Tag meta ini (seperti semua tag meta) masuk ke bagian kepala dokumen
Berikut adalah contoh yang me-refresh halaman setiap 2 detik
<meta http-equiv="refresh" content="2" />Dimungkinkan juga untuk membuat browser menyegarkan ke halaman lain dengan memasukkan string
url=url or filename_Di dalam atribut konten. Berikut adalah contoh yang mengalihkan halaman ke google. com setelah penundaan 5 detik
<meta http-equiv="refresh" content="5;url=//www.google.com" />_
html
Ditulis oleh. Philip Norton
Phil adalah pendiri dan administrator #. kode dan merupakan seorang profesional TI yang bekerja di Barat Laut Inggris. Lulus pada tahun 2003 dari Universitas Aberystwyth dengan gelar MSc dalam Ilmu Komputer Phil sebelumnya bekerja sebagai administrator basis data, di meja bantuan TI, pelatih sistem, arsitek web, konsultan kegunaan, blogger, dan spesialis SEO. Phil memiliki banyak pengalaman membangun dan memelihara situs web PHP serta bekerja dengan teknologi terkait seperti JavaScript, HTML, CSS, XML, Flex, Apache, MySQL, dan Linux
Jika Anda memiliki kasus penggunaan di mana Anda ingin me-refresh halaman web di browser klien setiap x detik atau menit, Anda dapat menggunakan tag meta di bagian head dengan atribut http-equiv="refresh" dan konten dengan nilai
Contoh. Segarkan Halaman setiap 5 menit<html> <head> <meta http-equiv="refresh" content="300"> </head> .... .... </head> </html>
Catatan. Pastikan untuk menambahkan tag meta di bagian kepala halaman HTML
-
Punya pertanyaan?
Harap aktifkan JavaScript untuk melihat komentar yang diberdayakan oleh Disqus
Posting lainnya terkait dengan Html,
- hapus gulir vertikal div
- Buat tombol HTML yang terlihat seperti hyperlink href
- Tabel kode 256 Ascii yang komprehensif dengan Html Hex IBM Microsoft Key
- Contoh HTML5 HELLO WORLD
- Dapatkan nilai konten dalam tabel HTML td, tr atau th dengan atribut id atau nama
- Menambahkan Sub Judul ke tag Bootstrap Header
- Apa doctype untuk HTML5?
- Papan catur dengan potongan menggunakan HTML dan CSS murni
- Hyperlink dalam html (anchor tag) tanpa garis bawah
- W3. data karakter tidak diperbolehkan di sini kesalahan validasi html
- Deret Fibonacci dari tabel 1 sampai 500
- 9 Border ke Elemen DIV dalam Contoh HTML
- Bagaimana cara menambahkan banyak spasi di antara teks halaman html
- Cara mematikan pelengkapan otomatis di bidang input dalam Formulir HTML
- Kecepatan default tag Marquee. SCROLLAMOUNT
- Cara membungkus kata dalam HTML
- Paksa konversi input teks HTML ke huruf besar
- Daftar Kode Warna HTML5 CSS3
- Cara menghapus url 404 halaman lama dari perayap Google
- Verifikasi reCaptcha kedaluwarsa. Centang kotak lagi
- Semua kode panah arah untuk HTML
- Sejajarkan elemen html di tengah halaman secara vertikal dan horizontal
- Cara membuat tag div bisa diklik
- Hapus tag kepala dan tubuh Html dari sumber ckeditor
- Refresh Otomatis Halaman Web setelah setiap x Detik atau Menit menggunakan Meta Tag?
Postingan Lainnya
- Cara mendapatkan Lebar dan Tinggi Resolusi Layar Ponsel secara terprogram - Android
- Cara Pratinjau HTML, CSS, JavaScript di Notepad++ - NotepadPlusPlus
- Java XML-RPC3. 1. contoh layanan web berbasis x - Java
- Ketahui Versi Python saat ini - Python
- Tampilkan tautan alamat URL Safari di hover - MacOS
- Cara mematikan VoiceOver di Macbook menggunakan Pintasan Keyboard - MacOS
- Tidak dapat terhubung ke internet. Google Chrome - Chrome
- pip dapatkan daftar semua paket Python usang - Python