Как я могу обновить страницу с помощью jQuery?

2175

Как обновить страницу с помощью jQuery?

  • 26
    Поскольку jQuery - это инфраструктура javascript для простого манипулирования DOM и привязки к событиям, я бы порекомендовал вам запросить javascript вместо jQuery.
  • 12
    Вам не нужен jQuery для этого.
Показать ещё 1 комментарий
Теги:
reload
refresh

27 ответов

3488
Лучший ответ

Используйте location.reload():

$('#something').click(function() {
    location.reload();
});

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

  • 23
    Это не сработало для меня. Это сработало: window.location.href = window.location.href;
  • 4
    Это не сработало для меня. window.location.href=window.location.href; и location.href=location.href; работал.
Показать ещё 4 комментария
449

Это должно работать на всех браузерах даже без jQuery:

location.reload();
386

Есть несколько неограниченных способов обновить страницу с помощью JavaScript:

  1. location.reload()
  2. history.go(0)
  3. location.href= location.href
  4. location.href= location.pathname
  5. location.replace(location.pathname)
  6. location.reload(false)

    Если бы нам нужно было снова извлечь документ с веб-сервера (например, когда содержимое документа динамически меняется), мы передали бы аргумент как true.

Вы можете продолжить творческий список:

var methods = [
  "location.reload()",
  "history.go(0)",
  "location.href = location.href",
  "location.href = location.pathname",
  "location.replace(location.pathname)",
  "location.reload(false)"
];

var $body = $("body");
for (var i = 0; i < methods.length; ++i) {
  (function(cMethod) {
    $body.append($("<button>", {
      text: cMethod
    }).on("click", function() {
      eval(cMethod); // don't blame me for using eval
    }));
  })(methods[i]);
}
button {
  background: #2ecc71;
  border: 0;
  color: white;
  font-weight: bold;
  font-family: "Monaco", monospace;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.5s ease;
  margin: 2px;
}
button:hover {
  background: #27ae60;
}
<script src="/jquery.min.js"></script>
  • 9
    +1 за список и jsfiddle. У меня есть вопрос, в jsfiddle 1 и 6 заставить сгенерированную страницу на мгновение исчезнуть при перезагрузке, а 2-5 сделать перезагрузку страницы "незаметной". В инструменте dev в chrome я вижу, что страница регенерируется, но не могли бы вы объяснить, как перерисовывается процесс по-другому? Пожалуйста. Заранее спасибо.
  • 0
    @ Cԃ ա ԃ Не вижу разницы ... Может проблема в кеше? Я скоро посмотрю.
Показать ещё 3 комментария
178

Много способов будет работать, я полагаю:

  • window.location.reload();
  • history.go(0);
  • window.location.href=window.location.href;
  • 38
    Это window.location.href=window.location.href; ничего не будет делать, если в конце вашего URL есть # / hashbang example.com/something#blah :
  • 16
    В случае, если кому-то интересно, в чем разница между location.reload() и history.go(0) : нет. Соответствующий раздел спецификации HTML 5 на w3.org/TR/html5/browsers.html#dom-history-go явно указывает на то, что они эквивалентны: «Когда вызывается метод go(delta) , если аргумент метода был опущен или имеет нулевое значение, пользовательский агент должен действовать так, как если бы вместо этого был вызван метод location.reload() . "
Показать ещё 1 комментарий
112

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

$.ajax({
    url: "",
    context: document.body,
    success: function(s,x){
        $(this).html(s);
    }
});

Подход, который я использовал, был Ajax jQuery. Я протестировал его на Chrome 13. Затем я поместил код в обработчик, который вызовет перезагрузку. URL "", что означает на этой странице.

  • 67
    Downvoting. Это на самом деле не отвечает на вопрос, а показывает, как заменить HTML страницы ответом Ajax. Это отличается от перезагрузки страницы: например, я сейчас работаю с ситуацией, когда это не поможет решить исходную проблему.
  • 5
    Одна из проблем с такой перезагрузкой всего HTML заключается в том, чтобы вручную вызывать события onload / ready и смягчать перезапись ранее объявленных переменных, состояние которых вы, возможно, захотите сохранить после обновления.
Показать ещё 5 комментариев
100

Если текущая страница была загружена запросом POST, вы можете использовать

window.location = window.location.pathname;

вместо

window.location.reload();

потому что window.location.reload() запросит подтверждение, если вызвано на странице, загруженной запросом POST.

  • 11
    Однако это потеряет строку запроса, тогда как window.location = window.location не будет
  • 0
    @mrmillsy window.location = window.location , однако, также несовершенен; он ничего не делает, если в текущем URL есть хрупкая запись (hashbang).
59

Вопрос должен быть,

Как обновить страницу с помощью JavaScript

window.location.href = window.location.href; //This is a possibility
window.location.reload(); //Another possiblity
history.go(0); //And another

Вы избалованы выбором.

49

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

location.reload(forceGet)

forceGet является логическим и необязательным.

По умолчанию используется значение false, которое перезагружает страницу из кеша.

Установите этот параметр в значение true, если вы хотите заставить браузер получить страницу с сервера, чтобы избавиться от кеша.

Или просто

location.reload()

если вы хотите быстро и легко с кешированием.

32

Три подхода с различным поведением, связанным с кешем:

  • location.reload(true)

    В браузерах, реализующих параметр forcedReload location.reload(), перезагружается, выбирая новую копию страницы и все ее ресурсы (скрипты, таблицы стилей, изображения и т.д.). Не будет обслуживать какие-либо ресурсы из кеша - получает свежие копии с сервера, не отправляя в запрос заголовки if-modified-since или if-none-match.

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

    Обратите внимание, что передача true в location.reload() поддерживается в Firefox (см. MDN) и Internet Explorer (см. MSDN), но не поддерживается универсально и не является частью спецификации W3 HTML 5, а W3 черновик HTML 5.1 spec, WHATWG HTML Living Standard.

    В неподдерживаемых браузерах, таких как Google Chrome, location.reload(true) ведет себя так же, как location.reload().

  • location.reload() или location.reload(false)

    Перезагружает страницу, извлекает свежую, не кэшированную копию самого HTML-страницы страницы и выполняет RFC 7234 запросы на повторную проверку для любых ресурсов (например, скриптов), которые браузер кэшируется, даже если они свежие, RFC 7234 позволяет браузеру обслуживать их без повторной проверки.

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

    Это эквивалентно пользователю, просто нажимая кнопку "Обновить" в своем браузере.

  • location = location (или бесконечно много других возможных методов, связанных с назначением location или его свойствам)

    Работает только в том случае, если URL-адрес страницы не содержит хэширования/хешинга!

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

    Это эквивалентно (с точки зрения кэширования) пользователю, открывающему страницу на новой вкладке.

    Однако, если URL страницы содержит хэш, это не будет иметь никакого эффекта.

    Опять же, поведение кэширования здесь не определено, насколько я знаю; Я определил его путем тестирования.

Итак, в общем, вы хотите использовать:

  • location = location для максимального использования кеша, если страница не имеет хеша в URL-адресе, и в этом случае это не будет работать
  • location.reload(true) для получения новых копий всех ресурсов без повторной проверки (хотя она не поддерживается повсеместно и не будет отличаться от location.reload() в некоторых браузерах, таких как Chrome)
  • location.reload(), чтобы точно воспроизвести эффект нажатия пользователем кнопки "Обновить".
  • 0
    +1 за местоположение = местоположение; кажется, что не многие люди предлагают это, хотя он короче, чем большинство из представленных ответов, единственным недостатком является его удобочитаемость, тогда как location.reload () немного более семантический
  • 0
    @Brandito Что еще более важно, location = location не работает, если в URL есть хеш. Для любого сайта, который использует фрагменты - или даже для любого сайта, на котором кто-то, ссылающийся на страницу, может добавить ссылку в URL - это нарушает его.
24

window.location.reload() перезагрузится с сервера и снова загрузит все ваши данные, сценарии, изображения и т.д.

Итак, если вы просто хотите обновить HTML, window.location = document.URL вернется намного быстрее и с меньшим трафиком. Но он не перезагрузит страницу, если в URL есть хеш (#).

  • 0
    Такое поведение верно в Chrome, по крайней мере - location.reload() вызывает повторную проверку кэшированных ресурсов, даже без аргументов, в то время как window.location = document.URL рад обслуживать кэшированные ресурсы, не обращаясь к серверу, пока они свежие ,
16

Вы можете выполнить эту задачу, не используя jQuery 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():

15

Функция jQuery Load также может выполнять обновление страницы:

$('body').load('views/file.html', function () {
    $(this).fadeIn(5000);
});
  • 3
    Нет, это не обновление страницы.
13

Вот решение, которое асинхронно перезагружает страницу с помощью jQuery. Он избегает мерцания, вызванного window.location = window.location. В этом примере показана страница, которая перезагружается непрерывно, как на панели управления. Он проверен на битву и работает на экране информационного дисплея на Таймс-сквер.

<!DOCTYPE html>
<html lang="en">
  <head>
    ...
    <meta http-equiv="refresh" content="300">
    <script src="/jquery.min.js"></script>
    <script>
    function refresh() {
      $.ajax({
        url: "",
        dataType: "text",
        success: function(html) {
          $('#fu').replaceWith($.parseHTML(html));
          setTimeout(refresh,2000);
        }
      });
    }
    refresh();
    </script>
  </head>
  <body>
    <div id="fu">
      ...
    </div>
  </body>
</html>

Примечания:

  • Использование $.ajax непосредственно как $.get('',function(data){$(document.body).html(data)}) приводит к сбою файлов css/js, даже если вы используете cache: true, поэтому мы используем parseHTML
  • parseHTML НЕ найдет тег body, чтобы ваше тело нуждалось в дополнительном div, я надеюсь, что этот самородк знаний поможет вам однажды, вы можете догадаться, как мы выбрали id для этого div
  • Используйте http-equiv="refresh" на всякий случай, если что-то пойдет не так с hiccup javascript/server, тогда страница будет STILL перезагружаться без вашего телефонного звонка.
  • Этот подход, вероятно, как-то утешает память, исправления http-equiv исправления, которые
12

В качестве общего вопроса попробуем подытожить возможные решения для ответа:

Простое решение для простого JavaScript:

Самый простой способ - это однострочное решение, размещенное соответствующим образом:

location.reload();

То, что многие люди здесь отсутствуют, потому что они надеются получить некоторые "точки", состоит в том, что сама функция reload() предлагает логическое значение в качестве параметра (подробности: https://developer.mozilla.org/en-US/docs/Web/API/Location/reload).

Метод Location.reload() перезагружает ресурс из текущего URL. Его необязательный уникальный параметр - логический, который, когда он true, заставляет страницу всегда перезагружаться с сервера. Если это false или не указано, браузер может перезагрузить страницу из своего Кэш.

Это означает, что есть два способа:

Решение1: Заменить перезагрузку текущей страницы с сервера

location.reload(true);

Решение2: Перезагрузка с кеша или сервера (на основе браузера и вашей конфигурации)

location.reload(false);
location.reload();

И если вы хотите объединить его с jQuery при прослушивании события, я бы рекомендовал использовать метод ".on()" вместо ".click" или другие обертки событий, например. более правильным решением будет:

$('#reloadIt').on('eventXyZ', function() {
    location.reload(true);
});
11

Я нашел

window.location.href = "";

или

window.location.href = null;

также обновляет страницу.

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

  • 0
    хорошая стрельба, я не знал об этом.
8
<html>
    <head>
        <title>Refresh a page in jQuery</title>
        <script type="text/javascript" src="/jquery-1.3.2.min.js"></script>
    </head>

    <body>
        <button id="PageRefresh">Refresh a Page in jQuery</button>

        <script type="text/javascript">
            $('#PageRefresh').click(function() {
                location.reload();
            });
        </script>
    </body>
</html>
5

Вам не нужно ничего из jQuery, чтобы перезагрузить страницу с использованием чистого JavaScript, просто используйте функцию перезагрузки на свойстве location следующим образом:

window.location.reload();

По умолчанию это перезагрузит страницу с помощью кеша браузера (если существует)...

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

window.location.reload(true);

Кроме того, если вы уже находитесь в области окна, вы можете избавиться от окна и сделать:

location.reload();
5

Вы можете использовать метод JavaScript location.reload(). Этот метод принимает логический параметр. true или false. Если параметр равен true; страница всегда перезагружается с сервера. Если это false; который по умолчанию или с пустым браузером параметров перезагружает страницу из кеша.

С true параметром

<button type="button" onclick="location.reload(true);">Reload page</button>

С default/false

 <button type="button" onclick="location.reload();">Reload page</button>

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

<button id="Reloadpage">Reload page</button>
<script type="text/javascript">
    $('#Reloadpage').click(function() {
        location.reload();
    }); 
</script>
  • 2
    Никогда не знал, что location.reload() принимал аргументы. +1 за это ...
5

500 других способов перезагрузки страницы с помощью JavaScript

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']
location.assign(location.href)
location.replace(location.href)
window.location.assign(location.href)
window.location.replace(location.href)
self.location.assign(location.href)
self.location.replace(location.href)
location['assign'](location.href)
location['replace'](location.href)
window.location['assign'](location.href)
window.location['replace'](location.href)
window['location'].assign(location.href)
window['location'].replace(location.href)
window['location']['assign'](location.href)
window['location']['replace'](location.href)
self.location['assign'](location.href)
self.location['replace'](location.href)
self['location'].assign(location.href)
self['location'].replace(location.href)
self['location']['assign'](location.href)
self['location']['replace'](location.href)
window.location = location
window.location = location.href
window.location = window.location
window.location = self.location
window.location = window.location.href
window.location = self.location.href
window.location = location['href']
window.location = window['location']
window.location = window['location'].href
window.location = window['location']['href']
window.location = window.location['href']
window.location = self['location']
window.location = self['location'].href
window.location = self['location']['href']
window.location = self.location['href']
location.assign(window.location)
location.replace(window.location)
window.location.assign(window.location)
window.location.replace(window.location)
self.location.assign(window.location)
self.location.replace(window.location)
location['assign'](window.location)
location['replace'](window.location)
window.location['assign'](window.location)
window.location['replace'](window.location)
window['location'].assign(window.location)
window['location'].replace(window.location)
window['location']['assign'](window.location)
window['location']['replace'](window.location)
self.location['assign'](window.location)
self.location['replace'](window.location)
self['location'].assign(window.location)
self['location'].replace(window.location)
self['location']['assign'](window.location)
self['location']['replace'](window.location)
self.location = location
self.location = location.href
self.location = window.location
self.location = self.location
self.location = window.location.href
self.location = self.location.href
self.location = location['href']
self.location = window['location']
self.location = window['location'].href
self.location = window['location']['href']
self.location = window.location['href']
self.location = self['location']
self.location = self['location'].href
self.location = self['location']['href']
self.location = self.location['href']
location.assign(self.location)
location.replace(self.location)
window.location.assign(self.location)
window.location.replace(self.location)
self.location.assign(self.location)
self.location.replace(self.location)
location['assign'](self.location)
location['replace'](self.location)
window.location['assign'](self.location)
window.location['replace'](self.location)
window['location'].assign(self.location)
window['location'].replace(self.location)
window['location']['assign'](self.location)
window['location']['replace'](self.location)
self.location['assign'](self.location)
self.location['replace'](self.location)
self['location'].assign(self.location)
self['location'].replace(self.location)
self['location']['assign'](self.location)
self['location']['replace'](self.location)
window.location.href = location
window.location.href = location.href
window.location.href = window.location
window.location.href = self.location
window.location.href = window.location.href
window.location.href = self.location.href
window.location.href = location['href']
window.location.href = window['location']
window.location.href = window['location'].href
window.location.href = window['location']['href']
window.location.href = window.location['href']
window.location.href = self['location']
window.location.href = self['location'].href
window.location.href = self['location']['href']
window.location.href = self.location['href']
location.assign(window.location.href)
location.replace(window.location.href)
window.location.assign(window.location.href)
window.location.replace(window.location.href)
self.location.assign(window.location.href)
self.location.replace(window.location.href)
location['assign'](window.location.href)
location['replace'](window.location.href)
window.location['assign'](window.location.href)
window.location['replace'](window.location.href)
window['location'].assign(window.location.href)
window['location'].replace(window.location.href)
window['location']['assign'](window.location.href)
window['location']['replace'](window.location.href)
self.location['assign'](window.location.href)
self.location['replace'](window.location.href)
self['location'].assign(window.location.href)
self['location'].replace(window.location.href)
self['location']['assign'](window.location.href)
self['location']['replace'](window.location.href)
self.location.href = location
self.location.href = location.href
self.location.href = window.location
self.location.href = self.location
self.location.href = window.location.href
self.location.href = self.location.href
self.location.href = location['href']
self.location.href = window['location']
self.location.href = window['location'].href
self.location.href = window['location']['href']
self.location.href = window.location['href']
self.location.href = self['location']
self.location.href = self['location'].href
self.location.href = self['location']['href']
self.location.href = self.location['href']
location.assign(self.location.href)
location.replace(self.location.href)
window.location.assign(self.location.href)
window.location.replace(self.location.href)
self.location.assign(self.location.href)
self.location.replace(self.location.href)
location['assign'](self.location.href)
location['replace'](self.location.href)
window.location['assign'](self.location.href)
window.location['replace'](self.location.href)
window['location'].assign(self.location.href)
window['location'].replace(self.location.href)
window['location']['assign'](self.location.href)
window['location']['replace'](self.location.href)
self.location['assign'](self.location.href)
self.location['replace'](self.location.href)
self['location'].assign(self.location.href)
self['location'].replace(self.location.href)
self['location']['assign'](self.location.href)
self['location']['replace'](self.location.href)
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']
location.assign(location['href'])
location.replace(location['href'])
window.location.assign(location['href'])
window.location.replace(location['href'])
self.location.assign(location['href'])
self.location.replace(location['href'])
location['assign'](location['href'])
location['replace'](location['href'])
window.location['assign'](location['href'])
window.location['replace'](location['href'])
window['location'].assign(location['href'])
window['location'].replace(location['href'])
window['location']['assign'](location['href'])
window['location']['replace'](location['href'])
self.location['assign'](location['href'])
self.location['replace'](location['href'])
self['location'].assign(location['href'])
self['location'].replace(location['href'])
self['location']['assign'](location['href'])
self['location']['replace'](location['href'])
window['location'] = location
window['location'] = location.href
window['location'] = window.location
window['location'] = self.location
window['location'] = window.location.href
window['location'] = self.location.href
window['location'] = location['href']
window['location'] = window['location']
window['location'] = window['location'].href
window['location'] = window['location']['href']
window['location'] = window.location['href']
window['location'] = self['location']
window['location'] = self['location'].href
window['location'] = self['location']['href']
window['location'] = self.location['href']
location.assign(window['location'])
location.replace(window['location'])
window.location.assign(window['location'])
window.location.replace(window['location'])
self.location.assign(window['location'])
self.location.replace(window['location'])
location['assign'](window['location'])
location['replace'](window['location'])
window.location['assign'](window['location'])
window.location['replace'](window['location'])
window['location'].assign(window['location'])
window['location'].replace(window['location'])
window['location']['assign'](window['location'])
window['location']['replace'](window['location'])
self.location['assign'](window['location'])
self.location['replace'](window['location'])
self['location'].assign(window['location'])
self['location'].replace(window['location'])
self['location']['assign'](window['location'])
self['location']['replace'](window['location'])
window['location'].href = location
window['location'].href = location.href
window['location'].href = window.location
window['location'].href = self.location
window['location'].href = window.location.href
window['location'].href = self.location.href
window['location'].href = location['href']
window['location'].href = window['location']
window['location'].href = window['location'].href
window['location'].href = window['location']['href']
window['location'].href = window.location['href']
window['location'].href = self['location']
window['location'].href = self['location'].href
window['location'].href = self['location']['href']
window['location'].href = self.location['href']
location.assign(window['location'].href)
location.replace(window['location'].href)
window.location.assign(window['location'].href)
window.location.replace(window['location'].href)
self.location.assign(window['location'].href)
self.location.replace(window['location'].href)
location['assign'](window['location'].href)
location['replace'](window['location'].href)
window.location['assign'](window['location'].href)
window.location['replace'](window['location'].href)
window['location'].assign(window['location'].href)
window['location'].replace(window['location'].href)
window['location']['assign'](window['location'].href)
window['location']['replace'](window['location'].href)
self.location['assign'](window['location'].href)
self.location['replace'](window['location'].href)
self['location'].assign(window['location'].href)
self['location'].replace(window['location'].href)
self['location']['assign'](window['location'].href)
self['location']['replace'](window['location'].href)
window['location']['href'] = location
window['location']['href'] = location.href
window['location']['href'] = window.location
window['location']['href'] = self.location
window['location']['href'] = window.location.href
window['location']['href'] = self.location.href
window['location']['href'] = location['href']
window['location']['href'] = window['location']
window['location']['href'] = window['location'].href
window['location']['href'] = window['location']['href']
window['location']['href'] = window.location['href']
window['location']['href'] = self['location']
window['location']['href'] = self['location'].href
window['location']['href'] = self['location']['href']
window['location']['href'] = self.location['href']
location.assign(window['location']['href'])
location.replace(window['location']['href'])
window.location.assign(window['location']['href'])
window.location.replace(window['location']['href'])
self.location.assign(window['location']['href'])
self.location.replace(window['location']['href'])
location['assign'](window['location']['href'])
location['replace'](window['location']['href'])
window.location['assign'](window['location']['href'])
window.location['replace'](window['location']['href'])
window['location'].assign(window['location']['href'])
window['location'].replace(window['location']['href'])
window['location']['assign'](window['location']['href'])
window['location']['replace'](window['location']['href'])
self.location['assign'](window['location']['href'])
self.location['replace'](window['location']['href'])
self['location'].assign(window['location']['href'])
self['location'].replace(window['location']['href'])
self['location']['assign'](window['location']['href'])
self['location']['replace'](window['location']['href'])
window.location['href'] = location
window.location['href'] = location.href
window.location['href'] = window.location
window.location['href'] = self.location
window.location['href'] = window.location.href
window.location['href'] = self.location.href
window.location['href'] = location['href']
window.location['href'] = window['location']
window.location['href'] = window['location'].href
window.location['href'] = window['location']['href']
window.location['href'] = window.location['href']
window.location['href'] = self['location']
window.location['href'] = self['location'].href
window.location['href'] = self['location']['href']
window.location['href'] = self.location['href']
location.assign(window.location['href'])
location.replace(window.location['href'])
window.location.assign(window.location['href'])
window.location.replace(window.location['href'])
self.location.assign(window.location['href'])
self.location.replace(window.location['href'])
location['assign'](window.location['href'])
location['replace'](window.location['href'])
window.location['assign'](window.location['href'])
window.location['replace'](window.location['href'])
window['location'].assign(window.location['href'])
window['location'].replace(window.location['href'])
window['location']['assign'](window.location['href'])
window['location']['replace'](window.location['href'])
self.location['assign'](window.location['href'])
self.location['replace'](window.location['href'])
self['location'].assign(window.location['href'])
self['location'].replace(window.location['href'])
self['location']['assign'](window.location['href'])
self['location']['replace'](window.location['href'])
self['location'] = location
self['location'] = location.href
self['location'] = window.location
self['location'] = self.location
self['location'] = window.location.href
self['location'] = self.location.href
self['location'] = location['href']
self['location'] = window['location']
self['location'] = window['location'].href
self['location'] = window['location']['href']
self['location'] = window.location['href']
self['location'] = self['location']
self['location'] = self['location'].href
self['location'] = self['location']['href']
self['location'] = self.location['href']
location.assign(self['location'])
location.replace(self['location'])
window.location.assign(self['location'])
window.location.replace(self['location'])
self.location.assign(self['location'])
self.location.replace(self['location'])
location['assign'](self['location'])
location['replace'](self['location'])
window.location['assign'](self['location'])
window.location['replace'](self['location'])
window['location'].assign(self['location'])
window['location'].replace(self['location'])
window['location']['assign'](self['location'])
window['location']['replace'](self['location'])
self.location['assign'](self['location'])
self.location['replace'](self['location'])
self['location'].assign(self['location'])
self['location'].replace(self['location'])
self['location']['assign'](self['location'])
self['location']['replace'](self['location'])
self['location'].href = location
self['location'].href = location.href
self['location'].href = window.location
self['location'].href = self.location
self['location'].href = window.location.href
self['location'].href = self.location.href
self['location'].href = location['href']
self['location'].href = window['location']
self['location'].href = window['location'].href
self['location'].href = window['location']['href']
self['location'].href = window.location['href']
self['location'].href = self['location']
self['location'].href = self['location'].href
self['location'].href = self['location']['href']
self['location'].href = self.location['href']
location.assign(self['location'].href)
location.replace(self['location'].href)
window.location.assign(self['location'].href)
window.location.replace(self['location'].href)
self.location.assign(self['location'].href)
self.location.replace(self['location'].href)
location['assign'](self['location'].href)
location['replace'](self['location'].href)
window.location['assign'](self['location'].href)
window.location['replace'](self['location'].href)
window['location'].assign(self['location'].href)
window['location'].replace(self['location'].href)
window['location']['assign'](self['location'].href)
window['location']['replace'](self['location'].href)
self.location['assign'](self['location'].href)
self.location['replace'](self['location'].href)
self['location'].assign(self['location'].href)
self['location'].replace(self['location'].href)
self['location']['assign'](self['location'].href)
self['location']['replace'](self['location'].href)
self['location']['href'] = location
self['location']['href'] = location.href
self['location']['href'] = window.location
self['location']['href'] = self.location
self['location']['href'] = window.location.href
self['location']['href'] = self.location.href
self['location']['href'] = location['href']
self['location']['href'] = window['location']
self['location']['href'] = window['location'].href
self['location']['href'] = window['location']['href']
self['location']['href'] = window.location['href']
self['location']['href'] = self['location']
self['location']['href'] = self['location'].href
self['location']['href'] = self['location']['href']
self['location']['href'] = self.location['href']
location.assign(self['location']['href'])
location.replace(self['location']['href'])
window.location.assign(self['location']['href'])
window.location.replace(self['location']['href'])
self.location.assign(self['location']['href'])
self.location.replace(self['location']['href'])
location['assign'](self['location']['href'])
location['replace'](self['location']['href'])
window.location['assign'](self['location']['href'])
window.location['replace'](self['location']['href'])
window['location'].assign(self['location']['href'])
window['location'].replace(self['location']['href'])
window['location']['assign'](self['location']['href'])
window['location']['replace'](self['location']['href'])
self.location['assign'](self['location']['href'])
self.location['replace'](self['location']['href'])
self['location'].assign(self['location']['href'])
self['location'].replace(self['location']['href'])
self['location']['assign'](self['location']['href'])
self['location']['replace'](self['location']['href'])
self.location['href'] = location
self.location['href'] = location.href
self.location['href'] = window.location
self.location['href'] = self.location
self.location['href'] = window.location.href
self.location['href'] = self.location.href
self.location['href'] = location['href']
self.location['href'] = window['location']
self.location['href'] = window['location'].href
self.location['href'] = window['location']['href']
2

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

jQuery - это кросс-платформенная библиотека JavaScript, предназначенная для упрощения клиентских сценариев HTML.

~ Википедия ~

Итак, вы поймете, что основа или основана на . Так что идти с чистым лучше, когда дело доходит до простых вещей.

Но если вам нужно решение , вот оно.

$(location).attr('href', '');
2

Если вы используете jQuery и хотите обновить, попробуйте добавить jQuery в функцию javascript:

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

Я попробовал следующее:

var hide = () => {
    $("#frame").hide();//jQuery
    location.reload(true);//javascript
};

Смешивание простого Jane javascript с вашим jQuery должно работать.

// code where hide (where location.reload was used)function was integrated, below    
    iFrameInsert = () => {
        var file = 'Fe1FVoW0Nt4';
        $("#frame").html('<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/${file}\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen></iframe><h3>Close Player</h3>');
        $("h3").enter code hereclick(hide);
}

// View Player 
$("#id-to-be-clicked").click(iFrameInsert);
1

Простое решение для Javascript:

 location = location; 

<button onClick="location = location;">Reload</button>
1

Использовать onclick="return location.reload();" в теге кнопки.

<button id="refersh-page" name="refersh-page" type="button" onclick="return location.reload();">Refesh Page</button>
0

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

location.reload();

или же

window.location.reload();
  • 0
    OP упоминается специально "с jQuery" (хотя, как уже отмечалось многими, это, возможно, не должно быть вопросом jQuery)
0

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

document.location.reload();
0

Он самый короткий в JavaScript.

location = '';
0

Вот несколько строк кода, которые вы можете использовать для перезагрузки страницы с помощью jQuery.

Он использует обертку jQuery и извлекает собственный элемент dom.

Используйте это, если вам просто нужно чувство jQuery на вашем коде, и вам не важно скорость и производительность кода.

Просто выберите от 1 до 10, что соответствует вашим потребностям или добавит еще несколько основанных на шаблоне и ответах до этого.

<script>
  $(location)[0].reload(); //1
  $(location).get(0).reload(); //2
  $(window)[0].location.reload(); //3
  $(window).get(0).location.reload(); //4
  $(window)[0].$(location)[0].reload(); //5
  $(window).get(0).$(location)[0].reload(); //6
  $(window)[0].$(location).get(0).reload(); //7
  $(window).get(0).$(location).get(0).reload(); //8
  $(location)[0].href = ''; //9
  $(location).get(0).href = ''; //10
  //... and many other more just follow the pattern.
</script>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню