Как обновить страницу браузера js
<meta http-equiv="refresh" content="1"> в HTML (где 1 = 1 секунда).
Ответ 2
Вот 535 способов перезагрузить страницу с помощью javascript, очень круто:
Вот первые 20:
и последние 10:
Ответ 3
Если false, страница будет перезагружена из кеша, иначе с сервера.
Ответ 4
Вы можете выполнить эту задачу, используя window.location.reload(); . Поскольку есть много способов сделать это, но я думаю, что это подходящий способ перезагрузить один и тот же документ с помощью javascript. Вот объяснение
Можно использовать объект window.location Javascript
window. Объект window в java- script представляет собой открытое окно в браузере.
location. Объект location в java script содержит информацию о текущем URL-адресе.
Объект местоположения подобен фрагменту оконного объекта и вызывается через свойство window.location.
Объекты местоположения имеет три метода -
- assign() Используется для загрузки нового документа
- reload() Используется для перезагрузки текущего документа.
- replace() Используется для замены текущего документа на новый
Итак, нам нужно использовать reload(), потому что это может помочь нам в перезагрузке одного и того же документа.
Поэтому используйте его как window.location.reload();
Чтобы попросить ваш браузер получить страницу непосредственно с сервера, а не из кеша, вы можете передать истинный параметр location.reload():
Ответ 5
должен работать, однако есть много разных опций, например:
Ответ 6
Ответ 7
Если у него есть что-то, что нужно для управления обновлениями на кешированных страницах, у меня есть хороший способ, как это сделать.
Этот метод требует хотя бы одного запроса, даже если запрос не требуется, поскольку он уже существует в кеше локального браузера. Но накладные расходы меньше, чем использование кеша вообще (чтобы убедиться, что страница покажет правильный обновленный контент). Для каждого запроса страницы требуется всего несколько байтов, а не весь контент для каждой страницы.
ВАЖНО: Запрос информации о версии должен быть реализован на вашем сервере, иначе он вернет всю страницу.
Чтобы привести пример в коде, вот часть моей библиотеки (я не думаю, что вы можете ее использовать, но, возможно, это дает вам представление о том, как это сделать):
Для меня этот метод работает отлично, возможно, он тоже может вам помочь.
Этот метод заставляет браузер обновить текущую страницу.
Синтаксис: location.reload ([BFORCETET])
Параметры: BFORCETET, необязательные параметры, по умолчанию неверно, от кэша клиента, чтобы взять текущую страницу. True, затем возьмите последнюю страницу с сервисного терминала, что эквивалентно клиенту, нажмите F5 («Обновить»)
2, замена метода
Синтаксис: location.replace (URL)
Обычно используется: location.reload () или history.go (0).
Этот метод аналогичен странице обновления Client ContPoint F5, поэтому приглашение «Web Eargiory» появится при методе = «Post». Потому что механизм безопасности сессии.
При вызове метода location.reload () страница ASPX существует в памяти сервера в это время, поэтому он должен быть ispostback.
Если есть это приложение: вам нужно перезагрузить страницу, то есть желаемая страница может быть воссоздана на сервере, и ожидается, что он не будет выполнен.
Здесь location.replace () может завершить эту задачу. Регенерируется на сервере каждый раз на странице замены.
Код: location.replace (location.href);
Вернитесь и обновите страницу:
Document.referrer // Предыдущая страница URL
Не используйте историю .go (-1), или история. (); Вернуть и обновить страницу, оба метода не обновляют страницу.
Вложение:Несколько методов страницы обновления JavaScript:
- history.go(0)
- location.reload()
- location=location
- location.assign(location)
- document.execCommand('Refresh')
- window.navigate(location)
- location.replace(location)
- document.URL=location.href
Автоматически обновлять метод страницы:
Среди них 20 относится к странице каждые 20 секунд.
2 страница автоматически подходит автоматически: добавьте следующий код в область <head>
3, страница автоматическая обновление JS версия
4, js refree cramework
Если вы хотите выключить окно, обновите его, когда вы хотите открыть окно, и вызовите следующее утверждение в <Body>.
на 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 для начала, пока я не обновил браузер вручную. не идеальный.
Никого уже не удивишь концепцией динамического HTML, почти все сайты давно в той или иной мере используют javascript для того, чтобы сделать страницы интерактивными. А с появлением технологии AJAX стало возможным асинхронно генерировать запросы к серверу, чтобы изменять старые данные на сервере или получать новые. Но как именно обновлять структуру страницы? Кто должен генерировать новый html — сервер или javascript? А может, все вместе?
Посмотрим, как можно ответить на эти вопросы.
Для начала, я опишу жизненный цикл страницы. Сразу скажу, что я не собираюсь описывать этот процесс досконально, здесь требуется только понимание основной логики процесса.
Любое веб-приложение можно логически поделить на две составляющие — на клиентскую часть и серверную часть. К клиентской части относятся сам браузер и скрипты, которые он выполняет, к серверной — набор скриптов, которые генерируют ответ на любой запрос пользователя.
Жизнь любой страницы начинается с запроса от клиента к серверу. Ответом будет код страницы, содержащий, помимо структуры и стилей, логику клиентской части.
Пикантность начинается, когда необходимо в какой-то момент перерисовать некоторые компоненты на странице. Для того, чтобы обновить структуру страницы, скрипту клиента необходимо знать, что необходимо убрать, что и куда необходимо добавить, что на что заменить. Вот тут-то и появляются разные варианты, как организовать такие обновления.
Ближе к сути
Тело нашей страницы может выглядеть, например, так:
Вариант 1 — дублирование
Основная идея — логику отображения знает и клиентская, и серверная часть. В таком случае, ответы на регулярные запросы со стороны клиента могут содержать исключительно данные — изменения в модели, и выглядеть, например, так:
При получении такого ответа клиентская часть «оборачивает» данные в html-теги, добавляет необходимые тексты и обновляет структуру страницы.
Серверу же знания об отображении нужны только для того, чтобы сгенерировать изначальную версию страницы.
- Малый объем трафика — передаются только необходимые данные;
- Требуется продублировать код — он будет и в клиентской части, и в серверной;
- Клиентская часть должна знать, как именно поступать с каждой порцией данных от сервера — иногда нужно заменить html элемента, иногда добавить новые данные к уже существующему коду;
Вариант 2 — всемогущий сервер и «толстые» ответы
Основная идея — логику отображения знает только сервер, клиентская часть получает уже готовый html-код элементов. Здесь ответ сервера выглядит так:
Замечу, что пересылается здесь весь html каждого компонента на странице. Реализуется же такой способ просто — сервер генерирует страницу по кускам, клиент при получении ответа заменяет тела отдельных элементов.
- Простота реализации;
- Отсутствие дублирования кода;
- Многократная генерация одного и того же кода, особенно неэффективно при небольших изменениях;
- Огромный объем трафика, особенно на больших страницах;
Вариант 2а — всемогущий сервер и «тонкие» ответы
Теперь клиент определяет элемент, который будет изменять, и то, как он его будет изменять, непосредственно из ответа сервера.
Вариант 3 — всемогущий javascript
Можно переложить всю ответственность за генерацию html на клиента. В таком случае сервер будет только предоставлять данные, необходимые для отображения. Ответы, как и в первом варианте, будут содержать только данные:
Так в чем же существенное отличие от первого варианта? А заключается оно в том, что сервер не выполняет первоначальную генерацию страницы, её сборка осуществляется уже браузером клиента. Вариант этот только выглядит странным, он может пригодиться, если необходимо уменьшить нагрузку на сервер.
- Малый объем трафика — передаются только необходимые данные;
- Уменьшение нагрузки на сервер;
- Высокая нагрузка на компьютер пользователя;
- Возможна избыточность — часть знаний клиентской части об отображении может так и остаться невостребованной, если какие-то события не наступят;
Заключение
Каждый из рассмотренных методов имеет право на жизнь, и может быть использован в проектах разной сложности. Лично я во встреченных мною проектах чаще всего видел первый вариант, несмотря на нарушение им моего любимого принципа DRY — Don`t repeat yourself.
Читайте также: