Cara memuat ulang halaman menggunakan JavaScript

Bagaimana saya bisa memuat ulang halaman menggunakan JavaScript?

Saya perlu metode yang berfungsi di semua browser.

JavaScript 1.0

window.location.href = window.location.pathname + window.location.search + window.location.hash;
// creates a history entry

JavaScript 1.1

window.location.replace(window.location.pathname + window.location.search + window.location.hash);
// does not create a history entry

JavaScript 1.2

window.location.reload(false); 
// If we needed to pull the document from
//  the web-server again (such as where the document contents
//  change dynamically) we would pass the argument as 'true'.

location.reload();

Lihat halaman MDN ini untuk informasi lebih lanjut.

Jika Anda menyegarkan setelah suatu onclickmaka Anda harus mengembalikan false langsung setelah

location.reload();
return false;

Berikut adalah 535 cara untuk memuat ulang halaman menggunakan JavaScript , yang paling mudah location = location.

Ini adalah 50 pertama:

location = location
location = location.href
location = window.location
location = self.location
location = window.location.href
location = self.location.href
location = location['href']
location = window['location']
location = window['location'].href
location = window['location']['href']
location = window.location['href']
location = self['location']
location = self['location'].href
location = self['location']['href']
location = self.location['href']
location.assign(location)
location.replace(location)
window.location.assign(location)
window.location.replace(location)
self.location.assign(location)
self.location.replace(location)
location['assign'](location)
location['replace'](location)
window.location['assign'](location)
window.location['replace'](location)
window['location'].assign(location)
window['location'].replace(location)
window['location']['assign'](location)
window['location']['replace'](location)
self.location['assign'](location)
self.location['replace'](location)
self['location'].assign(location)
self['location'].replace(location)
self['location']['assign'](location)
self['location']['replace'](location)
location.href = location
location.href = location.href
location.href = window.location
location.href = self.location
location.href = window.location.href
location.href = self.location.href
location.href = location['href']
location.href = window['location']
location.href = window['location'].href
location.href = window['location']['href']
location.href = window.location['href']
location.href = self['location']
location.href = self['location'].href
location.href = self['location']['href']
location.href = self.location['href']
...

Anda dapat melakukan tugas ini menggunakan window.location.reload();. Karena ada banyak cara untuk melakukan ini, tetapi saya pikir itu adalah cara yang tepat untuk memuat ulang dokumen yang sama dengan JavaScript. Berikut penjelasannya

window.locationObjek JavaScript dapat digunakan

• untuk mendapatkan alamat halaman saat ini (URL)
• untuk mengarahkan browser ke halaman lain
• untuk memuat ulang halaman yang sama

window: dalam JavaScript mewakili jendela terbuka di browser.

location: di JavaScript menyimpan informasi tentang URL saat ini.

The locationobjek seperti fragmen dari windowobjek dan dipanggil melalui window.locationproperti.

location objek memiliki tiga metode:

1. assign(): digunakan untuk memuat dokumen baru
2. reload(): digunakan untuk memuat ulang dokumen saat ini
3. replace(): digunakan untuk mengganti dokumen saat ini dengan yang baru

Jadi di sini kita perlu menggunakan reload(), karena dapat membantu kita memuat ulang dokumen yang sama.

Jadi gunakan seperti itu window.location.reload();.

Demo online di jsfiddle

Untuk meminta browser Anda mengambil halaman secara langsung dari server bukan dari cache, Anda dapat meneruskan trueparameter ke location.reload(). Metode ini kompatibel dengan semua browser utama, termasuk IE, Chrome, Firefox, Safari, Opera.

Mencoba:

window.location.reload(true);

Parameter yang disetel ke 'true' memuat ulang salinan baru dari server. Membiarkannya keluar akan melayani halaman dari cache.

Informasi lebih lanjut dapat ditemukan di MSDN dan dalam dokumentasi Mozilla .

Saya sedang mencari beberapa informasi tentang memuat ulang pada halaman yang diambil dengan permintaan POST, seperti setelah mengirimkan method="post"formulir.

Untuk memuat ulang halaman yang menyimpan data POST, gunakan:

window.location.reload();

Untuk memuat ulang halaman yang membuang data POST (melakukan permintaan GET), gunakan:

window.location.href = window.location.href;

Semoga ini bisa membantu orang lain mencari informasi yang sama.

Untuk memuat ulang halaman menggunakan JavaScript, gunakan:

window.location.reload();

Ini bekerja untuk saya:

function refresh() {    
    setTimeout(function () {
        location.reload()
    }, 100);
}

http://jsfiddle.net/umerqureshi/znruyzop/

Jika Anda menempatkan

window.location.reload(true);

di awal halaman Anda tanpa syarat lain yang memenuhi syarat mengapa kode itu berjalan, halaman akan memuat dan kemudian melanjutkan memuat ulang sampai Anda menutup browser Anda.

location.href = location.href;

Untuk membuatnya mudah dan sederhana, gunakan location.reload(). Anda juga dapat menggunakan location.reload(true)jika Anda ingin mengambil sesuatu dari server.

Menggunakan tombol atau letakkan saja di dalam tag "a" (anchor):

<input type="button" value="RELOAD" onclick="location.reload();" />

Coba ini untuk kebutuhan lain:

Location Objects has three methods --

assign() Used to load a new document
reload() Used to reloads the current document.
replace() Used to replace the current document with a new one

Terpendek ( selengkapnya )

history.go()

Muat ulang halaman secara otomatis setelah 20 detik.

<script>
    window.onload = function() {
        setTimeout(function () {
            location.reload()
        }, 20000);
     };
</script>

Terima kasih, posting ini sangat membantu, tidak hanya memuat ulang halaman dengan jawaban yang disarankan, tetapi juga memberi saya ide untuk menempatkan ikon jQuery UI pada sebuah tombol:

<button style="display:block; vertical-align:middle; height:2.82em;"
        title="Cargar nuevamente el código fuente sin darle un [Enter] a la dirección en la barra de direcciones"
        class="ui-state-active ui-corner-all ui-priority-primary" 
        onclick="javascript:window.location.reload(true);">
    <span style="display:inline-block;" class="ui-icon ui-icon-refresh"></span>
    &nbsp;[<b>CARGAR NUEVAMENTE</b>]&nbsp;
</button>

2016-07-02

Ini seharusnya bekerja:

window.location.href = window.location.href.split( '#' )[0];

atau

var x = window.location.href;
x = x.split( '#' );
window.location.href = x[0];

Saya lebih suka ini karena alasan berikut:

• Menghapus bagian setelah #, memastikan halaman memuat ulang di browser yang tidak akan memuat ulang konten yang memilikinya.
• Itu tidak menanyakan apakah Anda ingin memposting ulang konten terakhir jika Anda baru saja mengirimkan formulir.
• Itu harus bekerja bahkan di sebagian besar browser terbaru. Diuji pada Firefox Terakhir dan Chrome.

Atau, Anda dapat menggunakan metode resmi terbaru untuk tugas ini

window.location.reload()

Gunakan tombol ini untuk menyegarkan halaman

DEMO

<input type="button" value="Reload Page" onClick="document.location.reload(true)">

Metode reload () digunakan untuk memuat ulang dokumen saat ini.

Metode reload () melakukan hal yang sama dengan tombol reload di browser Anda.

Secara default, metode reload () memuat ulang halaman dari cache, tetapi Anda bisa memaksanya untuk memuat kembali halaman dari server dengan mengatur parameter forceGet ke true: location.reload (true).

        location.reload();

Anda cukup menggunakan

window.location=document.URL

di mana document.URL mendapatkan URL halaman saat ini dan window.location memuatnya kembali.