HTML中的pushState状态对象到底是什么?

当用户在历史记录中导航时,请使用pushSate 对象更新页面。让我们看一个示例,其中包括创建历史记录条目的选定颜色-

function display(color) {
   var myState = { selectedColor: color },
   myTitle = "Page title",
   myPath = "/" + color;
   history.pushState(myState, myTitle, myPath );
};

现在我们将使用popstate事件更新所选颜色-

$(window).on('popstate', function(event) {
   var myState = event.originalEvent.state;
   if (statemyState {
      selectColor( myState.selectedColor );
   }
});