History Api

Объекты

wndow.history

методы:  
history.go(n) — перемещение по истории посещений. В случае отрицательного значения n переход назад, иначе — вперед. 
history.back() - перемещение, как при нажатии кнопки Back или history.go(-1) 
history.forward() - перемещение, как при нажатии кнопки Forward или history.go(1) 
(state) history. State() - Этот метод возвращает текущий объект состояния хистори (проще — текущую страницу из истории) 
history. pushState(data, title [, url ] ) - добавление новой позиции в историю. Первый аргумент тут — данные, которые теперь будут располагаться под заданным заголовком с присвоенным url. 
history . replaceState(data, title [, url ] ) - замещение данных
Свойства:
(integer) history. Length - метод возвращает число страниц в объекте History

Объект
state
содержит заголовок страницы, данные и её url
Свойства: 
title — название документа 
URL — url документа

Событие:
window.onpopstate — изменение состояния объкта history

window.onpopstate = function(event) {
  alert("location: " + document.location + ", state: " + JSON.stringify(event.state));
};
history.pushState({page: 1}, "title 1", "?page=1");
history.pushState({page: 2}, "title 2", "?page=2");
history.replaceState({page: 3}, "title 3", "?page=3");
history.back(); // alerts "location: http://example.com/example.html?page=1, state: {"page":1}"
history.back(); // alerts "location: http://example.com/example.html, state: null
history.go(2);  // alerts "location: http://example.com/example.html?page=3, state: {"page":3}

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
replaceState, pushState	5	4.0 (2.0)	--	11.50	5.0
history.state	--	4.0 (2.0)	--	11.50	--