Как сделать перезагрузку страницы js

Обновлено: 05.07.2024

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

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

Селект и перезагрузка страницы
Есть на странице селект. Когда человек зашел на страницу, и выбрал в селекте, а потом еще раз.

где 12345 - ваше "определённое время" в миллисекундах (это будет 12,345 секунды)
а true - это приказ браузеру заново скачать страницу с сервера
если напишете false (или ничего не напишете), то браузер возьмёт страницу из кеша браузера

PS. использовать setInterval () - тоже можно, только это как-то глупо
метод setInterval () специально предназначен для многократной работы, а работать он всегда будет только один раз
и мы это знаем
зачем нам многоразовый станок, если мы бреемся перед казнью?

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

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

здесь ~~несколько~~ неограниченные способы обновления страницы с помощью JavaScript:

location.reload()
history.go(0)
location.href = location.href
location.href = location.pathname
location.replace(location.pathname)

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

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

window.location = window.location
window.self.window.self.window.window.location = window.location

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

window.location.reload();
history.go(0);
window.location.href=window.location.href;

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

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

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

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

вопрос должен быть:

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

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

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

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

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

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

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

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

location.reload(true)

в браузерах, которые реализуют

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

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

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

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

простое простое решение JavaScript:

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

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

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

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

Solution2: перезагрузка из кэша или сервера (на основе браузера и вашей конфигурации)

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

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

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

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

С true параметр

С default / false параметр

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

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

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

также, если вы уже в объем окна, вы можно избавиться от window и сделать:

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

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

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

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

22 ответа

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

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

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

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

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

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

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

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

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

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

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

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

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

В этом руководстве вы узнаете о перезагрузке страницы в браузере – особенно автоматической – и мы рассмотрим три способа это осуществить. Начнем!

Начинаем!

Давайте взглянем на типичное рабочее окружение фронт-энд разработчика: у вас есть редактор кода, возможно вы пишите немного HTML кода, затем у вас есть CSS, который может включать в себя Sass, и браузер для тестирования Каждый раз, когда вы делаете изменения в коде, вы возвращаетесь в браузер, жмете обновить и смотрите на изменения.

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

LiveReload

LiveReload существует давно и он хорош. Он имеет приложения для Mac OS и Windows, а стоит (на момент статьи) $9.99.

Начните с добавления JavaScript сниппета в ваши файлы, либо же в сочетании с расширением для браузера. Если вы используете расширение, вам понадобится указать настройки, чтобы убедиться, что доступ к файлам включен.

Полезные ссылки

Grunt Watch

Если вам удобно использовать командную строку, я рекомендую взглянуть на этот вариант. Grunt – это JavaScript исполнитель, вы можете использовать его для автоматизации различных задач, которыми обычно вы занимаетесь вручную – включая обновления страницы в браузере.

Мы используем плагин Grunt Watch (который, на деле, называется ”grunt-contrib-watch“), который вам нужно будет загрузить через NPM.

Задача Watch в нашем gruntfile.js включает livereload: true , и на следит за всеми файлами в вашем проекте.

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

Источники Grunt

Browsersync

Третий способ, который быстро становится моим фаворитом, это Browsersync. Browsersync – это намного больше, чем простое обновление страницы; он помогает также проводить синхронное тестирование в разных браузерах.

Чтобы все заработало, вам понадобится Node.js, так что начнем с его установки. Чтобы понять, как это будет работать, ознакомьтесь со статьей "Командная строка для веб-дизайнера: подключаем сторонние пакеты". Как только мы установим Node, начнем установку Browsersync следующей командой npm (Node Package Manager):

Чтобы использовать Browsersync, нам понадобится другая команда, и она будет меняться в зависимости от того, чего мы конкретно хотим. Например, эта команда настроит статичное серверное окружение и предложит, чтобы Browsersync следил за всеми файлами для автоматического обновления:

Чтобы ознакомиться со всеми досупными командами, ознакомьтесь с документацией.

Полезные ссылки

Заключение

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

Читайте также: