Автообновление страницы

@Abramovi4 · Регистрация: 28.02.2016

Студворк — интернет-сервис помощи студентам

Подскажите пожалуйста как заставит обновлять страницу при смене точки остановки.
Например страница сделана на основе двух точек 960 и 1200.
Нужно, когда уменьшаешь окно браузера с 960+ до 960- происходило автоматическое обновление страницы.

@kalabuni · 28.02.2016, 16:58

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<style>
body {background-color: lime}
</style>
<script>
onresize= function ()
{
var W = document.body.clientWidth
if (W > 960) document.body.style.backgroundColor = 'red';
else document.body.style.backgroundColor = 'lime';
}
</script>
<body></body>

@Abramovi4 · 28.02.2016, 17:10 **[ТС]**

Насколько я понимаю тут лишь смена цвета с одного на другой. Но мне надо что бы страница обновилась. Как бы на F5.

@kalabuni · 28.02.2016, 17:14

плохо понимаете - я продемонстрировал изменением цвета фона принцип работы

у вас всё проще:

JavaScript
1
2
onresize= function ()
{document.location.reload (1)}

@Abramovi4 · 28.02.2016, 17:54 **[ТС]**

Да, теперь работает. Спасибо!
Я так и оставил, так даже проще, не надо точки в скрипте прописывать.

HTML5
1
2
3
4
<script>
onresize= function ()
{document.location.reload (1)}
</script>

Добавлено через 29 минут
Хотя нет, поторопился. Это работает только в хроме.

@kalabuni · 28.02.2016, 18:06

Сообщение от Abramovi4

Это работает только в хроме.

а у меня как раз Хрома и нет

Изменение цвета фона работает везде?

@Abramovi4 · 28.02.2016, 18:14 **[ТС]**

Да, первый код с цветом работает везде. А вот обновление работает тоже везде кроме Firefox.

@kalabuni · 28.02.2016, 18:21

Сообщение от Abramovi4

обновление работает тоже везде кроме Firefox.

странно
судя по https://developer.mozilla.org/... ion/reload этот метод кроссбраузерный

@Abramovi4 · 28.02.2016, 18:26 **[ТС]**

А что значит Firefox (Gecko) ?

Добавлено через 2 минуты
И лиса у меня последняя 44.0.2

@kalabuni · 28.02.2016, 18:35

Сообщение от Abramovi4

что значит Firefox (Gecko) ?

первое имя (второе имя)

Запустите в своей лисе

JavaScript
1
alert (navigator.userAgent)

@alexsamos33 · 28.02.2016, 19:38

JavaScript
1
location.reload();

Добавлено через 14 секунд
Должно работать. У меня работает.

@Abramovi4 · 28.02.2016, 22:41 **[ТС]**

Сообщение от kalabuni

alert (navigator.userAgent)

Mozilla/5.0 (Windows NT 6.1; WOW64; rv:44.0) Gecko/20100101 Firefox/44.0

Сообщение от alexsamos33

location.reload();

Не обновляет у меня почему то в лисе.

@kalabuni · 28.02.2016, 23:05

document.location.reload (1);
равносильно
document.location href = document.location href;

попробуйте, вдруг заработает

@Abramovi4 · 28.02.2016, 23:20 **[ТС]**

Может я что то не понимаю, но вот так ничего не работает совсем

JavaScript
1
2
3
4
<script>
onresize= function ()
{document.location href = document.location href;}
</script>

@Fedor Vlasenko · 28.02.2016, 23:58

Попробуйте так

JavaScript
1
window.addEventListener("resize", function(){location.reload(true);});

@Abramovi4 · 29.02.2016, 00:07 **[ТС]**

Сообщение от Poznakomlus

window.addEventListener("resize", function(){location.reload(true);});

Нет, в лисе упорно не желает обновляться. ладно лиса была бы старая, но ведь последняя...

@Fedor Vlasenko · 29.02.2016, 00:26

в 46 работает
нажмите F12
введите в консоль location.reload(true) или document.location.reload(true)
если страница обновится значит вы вставляете код туда где он не выполняется к примеру что либо вызывает ошибку до выполнения вашего кода

@Abramovi4 · 29.02.2016, 15:21 **[ТС]**

Сообщение от Poznakomlus

введите в консоль location.reload(true) или document.location.reload(true)

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

@kalabuni · 29.02.2016, 15:41

Abramovi4, консолью ошибок пользоваться умеете?

загляните туда, очистите её, загрузите страницу, посмотрите
измените размер окна и снова посмотрите

@Abramovi4 · 29.02.2016, 22:13 **[ТС]**

Переустановил лису и все заработало. Спасибо всем за помощь в решении вопроса

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .

@Abramovi4 0 / 0 / 1 Регистрация: 28.02.2016 Сообщений: 13

	Автообновление страницы 28.02.2016, 16:48. Показов 2982. Ответов 19 Метки нет (Все метки) Подскажите пожалуйста как заставит обновлять страницу при смене точки остановки. Например страница сделана на основе двух точек 960 и 1200. Нужно, когда уменьшаешь окно браузера с 960+ до 960- происходило автоматическое обновление страницы. 0

@Abramovi4 0 / 0 / 1 Регистрация: 28.02.2016 Сообщений: 13
	28.02.2016, 17:10 [ТС]
	Насколько я понимаю тут лишь смена цвета с одного на другой. Но мне надо что бы страница обновилась. Как бы на F5. 0

@Abramovi4 0 / 0 / 1 Регистрация: 28.02.2016 Сообщений: 13
	28.02.2016, 18:14 [ТС]
	Да, первый код с цветом работает везде. А вот обновление работает тоже везде кроме Firefox. 0

@Abramovi4 0 / 0 / 1 Регистрация: 28.02.2016 Сообщений: 13
	28.02.2016, 18:26 [ТС]
	А что значит Firefox (Gecko) ? Добавлено через 2 минуты И лиса у меня последняя 44.0.2 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	28.02.2016, 23:05
	document.location.reload (1); равносильно document.location href = document.location href; попробуйте, вдруг заработает 0

@Fedor Vlasenko 936 / 693 / 236 Регистрация: 01.02.2015 Сообщений: 1,848
	29.02.2016, 00:26
	в 46 работает нажмите F12 введите в консоль location.reload(true) или document.location.reload(true) если страница обновится значит вы вставляете код туда где он не выполняется к примеру что либо вызывает ошибку до выполнения вашего кода 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	29.02.2016, 15:41
	Abramovi4, консолью ошибок пользоваться умеете? загляните туда, очистите её, загрузите страницу, посмотрите измените размер окна и снова посмотрите 0

@Abramovi4 0 / 0 / 1 Регистрация: 28.02.2016 Сообщений: 13
	29.02.2016, 22:13 [ТС]
	Переустановил лису и все заработало. Спасибо всем за помощь в решении вопроса 0