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

Jennifer Nicholas

更新于： 2020 年 6 月 25 日

147 次浏览

开启你的 职业生涯

通过完成该课程获得认证

开始学习