Изменить URL-адрес с Javascript, как это делает Facebook

Question

Я сейчас работаю в AJAX-ориентированном веб-приложении. Я искал различные способы репликации текущего состояния AJAX (или состояния приложения) с URL-адресом браузера, поэтому обновление и кнопка возврата также работают.

В последние недели я вижу разные подходы, включающие использование хеша (#) и разных JS-фреймворков.

В документации указано, что изменение URL браузера из JS невозможно. Сегодня я зашел на Facebook и открыл изображение, а URL-адрес изменился (хотя изображение было открыто в лайтбоксе). После закрытия изображения URL-адрес браузера изменился на исходную страницу.

Ты хоть представляешь, как они добиваются такого поведения?

Answer 1

В HTML5 есть функция, которая поддерживает то, на что вы ссылаетесь. Смотри http://spoiledmilk.dk/blog/html5-changing-the-browser-url-without-refreshing-page.

Некоторые системы реализуют это, проверяя window.history.pushState и, если это так, используют его, в противном случае возвращаясь к хэштегам. Если SEO вызывает беспокойство, используйте #! вместо #. Увидеть http://code.google.com/intl/es/web/ajaxcrawling/docs/getting-started.html.

Надеюсь, это поможет.

Answer 2

Вы можете манипулировать значением has в конце URL-адреса следующим образом:

var hashVal = 'somevalue';
window.location.hash = '#' + hashVal;

И тогда URL станет www.something.com/#somevalue

Answer 3

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

http://developer.yahoo.com/yui/history/

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