Як перезавантажити сторінку за допомогою 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цього, вам потрібно буде повернути помилкову безпосередньо після

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. Ось пояснення

window.locationОб'єкт JavaScript може бути використаний

• щоб отримати поточну адресу сторінки (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>

02.07.2016

Це має працювати:

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 перезавантажує її.