팝스테이트 이벤트

현재 기록 항목이 변경될 때마다 popstate 이벤트가 시작됩니다. 이 항목은 사용자가 브라우저의 뒤로/앞으로 버튼을 클릭하여 새 상태로 이동할 때 트리거될 수 있습니다. history.back() , history.forward() history.forward() , history.go() 메서드는 프로그래밍 방식으로 호출됩니다.

히스토리 API

히스토리 API는 브라우저의 히스토리를 사용하여 JS의 페이지 탐색에 대한 액세스를 제공합니다. 브라우저의 콘솔을 열고 다음을 입력하십시오. 창.역사 또는 단순히 역사 . 최신 브라우저에서는 다음이 표시되어야 합니다.

DOM 창문 개체를 통해 브라우저의 세션 기록에 대한 액세스를 제공합니다. 역사 물체. 사용자의 기록을 앞뒤로 탐색하고 기록 스택의 내용을 조작할 수 있는 유용한 메서드와 속성을 노출합니다.

HistoryJS 수정하다 12개의 알려진 문제 , 모든 HTML5 브라우저에 대해 교차 호환 환경을 제공하고 모든 HTML4 브라우저에 대해 이전 버전과의 호환성 환경을 제공합니다.

#자바스크립트 #코딩 #html

미디엄닷컴

브라우저 'onpopstate' 이벤트에 대한 JavaScript 기반 SPA 최적화

'onpopstate' 이벤트에 대해 JavaScript 기반 SPA를 최적화하고 브라우저 뒤로/앞으로 탐색 이벤트 및 프로그래밍 방식 기록 업데이트를 처리하는 방법을 알아보세요.