Обновить страницу с помощью JavaScript или HTML

Ответ 1

window.location.reload(); в JavaScript

<meta http-equiv="refresh" content="1"> в HTML (где 1= 1 секунда).

Ответ 2

Вот 535 способов перезагрузить страницу с помощью javascript, очень круто:

Вот первые 20:

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)

и последние 10:

self['location']['replace'](self.location['href'])
location.reload()
location['reload']()
window.location.reload()
window['location'].reload()
window.location['reload']()
window['location']['reload']()
self.location.reload()
self['location'].reload()
self.location['reload']()
self['location']['reload']()

_{Оригинальная статья}

Ответ 3

просто используйте..

location.reload(true/false);

Если false, страница будет перезагружена из кеша, иначе с сервера.

Ответ 4

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

Можно использовать объект window.location Javascript

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

window. Объект window в java- script представляет собой открытое окно в браузере.

location. Объект location в java script содержит информацию о текущем URL-адресе.

Объект местоположения подобен фрагменту оконного объекта и вызывается через свойство window.location.

Объекты местоположения имеет три метода -

• assign() Используется для загрузки нового документа
• reload() Используется для перезагрузки текущего документа.
• replace() Используется для замены текущего документа на новый

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

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

Онлайн-демонстрация jsfiddle

Чтобы попросить ваш браузер получить страницу непосредственно с сервера, а не из кеша, вы можете передать истинный параметр location.reload():

Ответ 5

window.location.reload()

должен работать, однако есть много разных опций, например:

window.location.href=window.location.href

Ответ 6

Использование:

window.location.reload();

Ответ 7

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

• добавьте некоторый javascript на страницу, которая всегда получает номер версии страницы в виде строки (ajax) при загрузке. например: www.yoursite.com/page/about?getVer=1&__[date]
• Сравните его с сохраненным номером версии (хранящимся в cookie или localStorage), если пользователь посетил страницу один раз, в противном случае сохраните ее напрямую.
• Если версия не совпадает с локальной версией, обновите страницу, используя window.location.reload(true)
• Вы увидите изменения, внесенные на страницу.

Этот метод требует хотя бы одного запроса, даже если запрос не требуется, поскольку он уже существует в кеше локального браузера. Но накладные расходы меньше, чем использование кеша вообще (чтобы убедиться, что страница покажет правильный обновленный контент). Для каждого запроса страницы требуется всего несколько байтов, а не весь контент для каждой страницы.

ВАЖНО: Запрос информации о версии должен быть реализован на вашем сервере, иначе он вернет всю страницу.

Пример строки версии, возвращаемой www.yoursite.com/page/about?getVer=1&__[date]: skg2pl-v8kqb

Чтобы привести пример в коде, вот часть моей библиотеки (я не думаю, что вы можете ее использовать, но, возможно, это дает вам представление о том, как это сделать):

o.gCheckDocVersion = function() // Because of the hard caching method, check document for changes with ajax 
{
  var sUrl = o.getQuerylessUrl(window.location.href),
      sDocVer = o.gGetData( sUrl, false );

  o.ajaxRequest({ url:sUrl+'?getVer=1&'+o.uniqueId(), cache:0, dataType:'text' }, 
                function(sVer)
                {
                   if( typeof sVer == 'string' && sVer.length )
                   {
                     var bReload = (( typeof sDocVer == 'string' ) && sDocVer != sVer );
                     if( bReload || !sDocVer )
                      { 
                        o.gSetData( sUrl, sVer ); 
                        sDocVer = o.gGetData( sUrl, false );
                        if( bReload && ( typeof sDocVer != 'string' || sDocVer != sVer ))
                         { bReload = false; }
                      }
                     if( bReload )
                      {  // Hard refresh page contents
                        window.location.reload(true); }
                   }
                }, false, false );
};

Если вы используете независимые от версии ресурсы, такие как javascript или css файлы, добавьте versionnumbers (реализованы с перепиской url, а не с запросом, потому что они в основном не будут кэшироваться). Например: www.yoursite.com/ver-01/about.js

Для меня этот метод работает отлично, возможно, он тоже может вам помочь.

Ответ 8

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

<input type="button" value = "Refresh" onclick="history.go(0)" />

Это отлично работает для меня.

Ответ 9

попробуйте эту работу отлично

jQuery("body").load(window.location.href);