Как сделать перезагрузку страницы js
Перезагрузка отдельной картинки страницы, после загрузки страницы
Возникла необходимость перезагрузки отдельной картинки страницы после вывода страницы браузером.
Перезагрузка страницы
Здравствуйте. Проблема оч замучила не могу найти решения. В документе 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 следил за всеми файлами для автоматического обновления:
Чтобы ознакомиться со всеми досупными командами, ознакомьтесь с документацией.
Полезные ссылки
Заключение
Вот и все! Надеюсь это руководство убедило вас перестать тратить время и попробовать хотя бы один из этих способов для автоматического обновления страниц в браузере. Если у вас есть еще какие-то способы, поделитесь ими в комментариях!
Читайте также: