当用户在历史记录中导航时,请使用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 ); } });