[JavaScript] a 태그 뒤로 가기 링크 부여하기 history.back() / go(-1)

2021-07-24

---

Photo by Toa Heftiba on Unsplash

뒤로 가기 버튼을 구현하기 위해서는 크게 준비할 거 없이 a 태그 하나만 사용하면 손쉽게 구현할 수 있다. 오늘은 이와 같은 방법을 빠르게 알아보도록 하자.

---

- 소스코드

 

// 히스토리의 back을 사용한 뒤로가기 링크 구현

<a href="javascript:window.history.back();">뒤로가기</a>

// 히스토리의 go를 사용한 뒤로가기 링크 구현

<a href="javascript:window.history.go(-1);">뒤로가기</a>

 

위의 두 코드는 뒤로가기 버튼 구현 시 상당히 많이 사용하는 코드로 자신의 기호와 상황에 맞게 사용해주면 된다. 

(작성자는 가독성 면에서 back() 메서드가 조금 더 눈에 들어오기 때문에 자주 사용하곤 한다.)

(버튼 형식으로 구현하고 싶으면 a 태그안에 button 태그를 넣어서 구현하면 된다.)

---

메인 이미지 출처: Photo by Toa Heftiba on Unsplash