[Javascript] window.history.back(), history.forward(), history.go()

-History.back()

브라우저가 세션 기록의 바로 뒤 페이지로 이동

history.go(-1)과 같다

 

HTML

<button id="go-back">뒤로 가기!</button>

JavaScript

document.getElementById('go-back').addEventListener('click', () => {
  window.history.back();
});

 

-History.forward()

세션 기록의 바로 앞 페이지로 이동

history.go(1)과 같다

 

HTML

<button id='go-forward'>앞으로 가기!</button>

JavaScript

document.getElementById('go-forward').addEventListener('click', e => {
  window.history.forward();
})

 

-History.go()

한페이지 뒤로가기

history.go(-1)

한페이지 앞으로가기

history.go(1)