86
window.history.replaceState(state, title, url);

Вот она :)

state - может быть объектом, может быть строкой, что менять

url - строка, на что менять

title - новый title страницы

Недавно во всем известной соц.сети появились переходы по страницам без выключения музыки, т.е. вы ходили по страницам, url менялся, а звук не пропадал. Сначала у меня была мысль про кэширование страниц браузером, но потом отпала, слишком уж быстро и без задержек это происходило.

И вот наткнулся методом гугла на вот такую вот фичу в html5.

Есть 2 функции - replaceState и pushState:

Функция pushState добавляет запись в history браузера, в то время как replaceState заменяет текущий url.

Пользуйтесь, кто еще не знал :)

12
  • 3
    Добавлю: htmlbook.ru/html5/history .
    – ling
    10 июн 2011 в 4:09
  • 4
    Непрерывность звука с этой фичой не связано напрямую. Дело в том, что страница никуда не девается, поэтому музыка остаётся. Так что у вас всегда загружено две страницы вместо одной (это легко заметить.. иногда после обновления сначала появляется первая, а потом вторая). Так что фокус очень легко делается и без этих функций. Тем не менее, наконец-то появились нормальные функции по управлению историей.
    – cy6erGn0m
    10 июн 2011 в 7:11
  • 1
    > Так что фокус очень легко делается и без этих функций. Фокус не пройдет, т.к. URL в адресной строке останется прежним. Максимум что можно будет сделать в HTML 4, это изменит anchor. Наглядный пример: выполните в консоли браузера window.history.replaceState(null, null, '/hello-changed-world'); 10 июн 2011 в 8:36
  • 1
    Эта великая строчка работает в IE9? Ну или более старых.
    – ivkremer
    30 сен 2011 в 21:16
  • 1
    Kremchik, только что проверил. Это конечно забавно, но срабатывает один раз из 10-15 случаев. Хотя чего я удивляюсь, у ИЕ карма испорчена окончательно.
    – Arni
    1 окт 2011 в 8:20

2 ответа 2

38

Также рекомендуется ознакомиться с PJAX:

1
  • 1
    pjax - это собственно правильное использование этих функций :) 10 июн 2011 в 7:53
6

Мне кажется что добавить в список http://www.kendoui.com/ нужно обязательно. Очень и очень забавная игрушка.

1
  • А причем здесь штука для UI? Или там что-то есть такое для window.history?
    – komka
    26 янв 2012 в 20:14

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.