วัตถุสถานะ pushState ใน HTML คืออะไร?

ใช้ 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 );
   }
});