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

開啟你的 職業生涯

完成本課程即可獲得認證

開始