Как перезагрузить страницу используя JavaScript

Как я могу перезагрузить страницу, используя JavaScript?

Мне нужен метод, который работает во всех браузерах.

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();

Смотрите эту страницу MDN для получения дополнительной информации.

Если вы обновляете после, onclickвам нужно будет возвращать false сразу после

location.reload();
return false;

Вот 535 способов перезагрузить страницу, используя JavaScript , самый простой способ location = location.

Это первые 50:

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']
...

Вы можете выполнить эту задачу, используя window.location.reload();. Поскольку есть много способов сделать это, но я думаю, что это подходящий способ перезагрузить тот же документ с помощью JavaScript. Вот объяснение

JavaScript window.locationобъект может быть использован

• получить адрес текущей страницы (URL)
• перенаправить браузер на другую страницу
• перезагрузить ту же страницу

window: в JavaScript представляет открытое окно в браузере.

location: в JavaScript содержит информацию о текущем URL.

locationОбъект как фрагмент windowобъекта и вызывается через window.locationсобственность.

location Объект имеет три метода:

1. assign(): используется для загрузки нового документа
2. reload(): используется для перезагрузки текущего документа
3. replace(): используется для замены текущего документа новым

Так что здесь мы должны использовать reload(), потому что это может помочь нам в перезагрузке того же документа.

Так что используйте это как window.location.reload();.

Демо онлайн на jsfiddle

Чтобы попросить браузер получить страницу непосредственно с сервера, а не из кэша, вы можете передать trueпараметр в location.reload(). Этот метод совместим со всеми основными браузерами, включая IE, Chrome, Firefox, Safari, Opera.

Пытаться:

window.location.reload(true);

Параметр, установленный на true, перезагружает свежую копию с сервера. Оставив его, вы получите страницу из кэша.

Дополнительную информацию можно найти на MSDN и в документации Mozilla .

Я искал некоторую информацию о перезагрузках на страницах, полученных с помощью запросов POST, например, после отправки method="post"формы.

Чтобы перезагрузить страницу, сохраняя данные POST, используйте:

window.location.reload();

Чтобы перезагрузить страницу, отбрасывающую данные POST (выполнить запрос GET), используйте:

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

Надеюсь, это может помочь другим, ищущим ту же информацию.

Чтобы перезагрузить страницу с помощью JavaScript, используйте:

window.location.reload();

Это работает для меня:

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

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

Если вы положите

window.location.reload(true);

в начале вашей страницы без каких-либо других условий, определяющих, почему этот код выполняется, страница будет загружаться, а затем продолжит перезагружаться, пока вы не закроете браузер.

location.href = location.href;

Чтобы сделать это легко и просто, используйте location.reload(). Вы также можете использовать, location.reload(true)если вы хотите получить что-то с сервера.

Используя кнопку или просто поместите ее в тег «a» (якорь):

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

Попробуйте это для других нужд:

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

Кратчайший ( больше )

history.go()

Автоматическая перезагрузка страницы через 20 секунд.

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

Спасибо, этот пост был очень полезен не только для перезагрузки страницы с предложенным ответом, но и для того, чтобы дать мне идею разместить значок кнопки jQuery UI на кнопке:

<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

Это должно работать:

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

или

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

Я предпочитаю это по следующим причинам:

• Удаляет деталь после #, обеспечивая перезагрузку страницы в браузерах, которые не будут перезагружать контент, в котором она есть.
• Он не спрашивает вас, хотите ли вы опубликовать последний контент, если вы недавно отправили форму.
• Это должно работать даже в самых последних браузерах. Испытано на Lasted Firefox и Chrome.

Кроме того, вы можете использовать самый последний официальный метод для этой задачи

window.location.reload()

Используйте эту кнопку, чтобы обновить страницу

DEMO

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

Метод reload () используется для перезагрузки текущего документа.

Метод reload () действует так же, как кнопка перезагрузки в вашем браузере.

По умолчанию метод reload () перезагружает страницу из кэша, но вы можете заставить ее перезагрузить страницу с сервера, установив для параметра forceGet значение true: location.reload (true).

        location.reload();

Вы можете просто использовать

window.location=document.URL

где document.URL получает URL текущей страницы, а window.location перезагружает его.