Computer >> Máy Tính >  >> Lập trình >> Javascript

Chính xác thì đối tượng trạng thái pushState trong HTML là gì?


Sử dụng pushSate đối tượng để cập nhật trang khi người dùng điều hướng trở lại trong lịch sử. Hãy để chúng tôi xem một ví dụ để bao gồm màu đã chọn tạo mục nhập lịch sử -

function display(color) {
   var myState = { selectedColor: color },
   myTitle = "Page title",
   myPath = "/" + color;
   history.pushState(myState, myTitle, myPath );
};

Bây giờ chúng ta sẽ sử dụng sự kiện popstate để cập nhật màu đã chọn -

$(window).on('popstate', function(event) {
   var myState = event.originalEvent.state;
   if (statemyState {
      selectColor( myState.selectedColor );
   }
});