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 次瀏覽

開啟你的 職業生涯

透過完成該課程獲得認證

開始學習