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

当用户浏览历史记录时，使用pushState 对象更新页面。我们来看一个示例，其中包括创建历史记录条目的所选颜色 −

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 );
   }
});

Jennifer Nicholas

更新于：2020年6月25日

147 次浏览

开启你的 职业生涯

完成本课程即可获得认证

开始