브라우저의 전진 및 후퇴

브라우저의 전진 또는 후퇴를 설정합니다.history 대상의 사용과 관련이 있습니다.이것은 사용자가 브라우저 창에서 방문한 URL 주소를 포함하고, 이 대상의 일부분을 포함한다.
history 객체의 속성

length: 브라우저 역사 목록의 url 개수를 되돌려줍니다. 사용자가 현재 탭에서 한 페이지를 방문할 때마다length는 자동으로 1을 추가합니다.그러나 프라이버시 때문에 구체적인 URL의 기록 값을 얻을 수 없습니다.

state: 현재 사이트와 관련된 대상은pushState와replaceState를 통해서만 추가하거나 수정할 수 있고 URL과 관련된 정보를 저장할 수 있습니다.

브라우저의 전진 및 후퇴
history.백업 ():history 목록에 있는 이전 URL 주소를 불러옵니다. 후퇴에 해당합니다.history.forward ():history 목록의 다음 URL 주소를 불러옵니다. 이것은 전진 단추와 같습니다.

back()와forward() 두 가지 방법은 모두 전참하지 않고 url의 문서 내용을 한 번에 불러오기(후퇴/전진)합니다.

go() 방법과의 차이점:
history.go(number|URL)

성형된 매개 변수number 또는 url 주소를 전달해야 합니다.

이 매개 변수는 숫자일 수 있으며 History의 URL 목록에서 액세스할 URL의 상대적인 위치를 사용합니다.(-1 이전 페이지, 1 앞으로 이동)

number > 0, 앞으로number 페이지

number = 0, 현재 페이지 새로 고침

number <0, number 페이지 후퇴

문자열 url 파라미터를 사용하면 go() 방법은 역사 목록의 구체적인 페이지를 불러올 수 있습니다.

문자열은 부분적이거나 완전한 URL이어야 하며 이 함수는 문자열의 첫 번째 URL과 일치해야 한다

forward()는 go(1)

와 동등하다

back()은 go(-1)

와 동등하다
밤을 들다.

history.go(-1); //  
history.go(0); //  
history.go(1); // 
history.go(-2); //  

history.pushState(state, title, url)
이것은 URL을 바꾸고 페이지를 새로 고치지 않는 데 사용할 수 있습니다.원리: 현재 페이지의 위치를 바꿉니다.href 및 현재history를 수정합니다.state 대상, 실행 후history.length가 1 증가합니다.

state: 현재 웹 주소와 관련된 대상입니다.

title: 페이지 제목입니다. 그러나 모든 브라우저가 그것을 무시합니다. 제목을 바꾸려면document을 사용하십시오.title.

url: 현재 페이지와 같은 영역의 주소,location.href가 이 값이 됩니다.

history.replaceState(state, title, url)
그것은 History로만 수정할 수 있습니다.state 및 location.href, 사용법은pushState와 같지만,history를 바꾸지 않습니다.length.
pushState와replaceState 세 번째 인자 , 브라우저의popstate 이벤트와onhashchange 이벤트를 터치하지 않습니다
기타 방법이 갱신 없음에 도달
location을 변경할 수 있습니다.href 또는 location.hash는 리셋이 없는 목적을 달성합니다.