z0ddak
5/5/2017 - 3:20 PM

HTML5 уже довольно давно бойко шагает по миру и сегодня я расскажу ещё один занимательный трюк, как не перезагружая саму страницу поменять U

HTML5 уже довольно давно бойко шагает по миру и сегодня я расскажу ещё один занимательный трюк, как не перезагружая саму страницу поменять URL в адресной строке (заметьте, без применения #, всё по взрослому). Очень удобная штука, например, для построения грамотного AJAX интерфейса.

history_api.js
content_copyfile_download
// Нам в помощь приходит History API:
window.history.pushState('', '', 'new_url/');

// Вполне резонный вопрос: а как отловить это изменение, чтобы обработать?
window.onpopstate = function(event) {
  console.log(location.pathname);
  console.log(document.location);
  console.log(event.state);
};