DOM

HTML：

<A id=Aアンカー1>A要素。アンカー1</A><BR>
<A id=Aアンカー2>A要素。アンカー2</A><BR>

JavaScript： これを実行して、ページ履歴を戻すをしてみてください。

function Job(eve){
  D=eve;
  DA=eve.state;
  alert("popstate イベント発生\\nstate："+eve.state);
}
window.onpopstate=Job;
history.pushState({Test:10, TestP2:'あいう'}, '', "#Aアンカー1");
history.pushState({Test:20}, '', "#Aアンカー2");

ページ履歴を戻して、得られた値：D（PopStateEvent）

＝[object]：[object PopStateEvent]
isTrusted＝[boolean]：true
state＝[object]：[object Object]
type＝[string]：popstate
target＝[object]：[object Window]
currentTarget＝[object]：[object Window]
eventPhase＝[number]：0
bubbles＝[boolean]：false
cancelable＝[boolean]：false
defaultPrevented＝[boolean]：false
composed＝[boolean]：false

同様に得られた値：DA（PopStateEvent.state）

＝[object]：[object Object]
Test＝[number]：10
TestP2＝[string]：あいう

この様に pushState() で指定した内容が得られる。

→popstate イベント。History.pushState()。