javascript history 추가

2019. 7. 11. 10:23language/javascript

javascript 에서 history 를 추가하는 방법입니다.

 

앞서 history 삭제하는 방법은 링크를 참고하세요.

 

history 삭제

 

javascript history 삭제 / href replace 비교

javascript history 삭제하기 는 불가능하다. 구글링 결과 javascript 로 history를 제어할 수 없는 듯 하다. 즉 클라이언트에서 권한이 없다는 것으로 예상된다. 미흡한 영어실력이라 해석이 잘못 됬을지도 모르..

cofs.tistory.com

history 추가는 history.pushState(state, title, url) 함수를 활용하면 가능합니다.

1
history.pushState(null, null, "/test/test.do?name=abc");
cs

* 파라미터

   state : state객체, 640kb 크기 제한(over 시 예외발생)

   title : Firefox 는 무시함, 빈문자열을 보내는 것을 권장, 짧은 명칭 부여 가능

   url : history 에 등록할 url

 

 

* 브라우저 호환성

브라우저 호환성

주의사항 : pushState 는 hashchange 이벤트를 발생시키지 않습니다. 즉 history에 추가만 될 뿐 아무런 동작을 하지 않습니다.

 

비슷한 함수로는 replaceState() 가 있습니다.

replaceStat() 는 history 추가를 하지 않고 현재 history 엔트리를 변경합니다.