HTML, CSS
[html] onclick시 location.href와 location.replace 차이
디케이형
2021. 2. 28. 14:30
반응형
K.html, a.html, b.html
3개에 페이지가 있다고 가정할때
페이지 이동 방법은 크게 3가지가 있습니다.
//1번째 방법
<button onclick="location.href" = 'b.html';">B로 이동</button>
//2번째 방법
<button onclick="location.replace('b.html');">B로 이동</button>
//3번째 방법
<a href="b.html">B로 이동</a>
위 3가지 방법에 차이는 backspace(뒤로가기)를 눌렀을때 발생합니다.
k >> a >> b로 이동하는 코드를 구성했다고 했을때
1, 3번 방법은 뒤로가기를 눌렀을때 a로 가는 반면
2번 방법은 k 로 돌아 갑니다.
이를 활용해 결재 나 글쓰기 같은 쿼리를 전달해야 할때는 2번 replace를 쓰며
쿼리가 중복 발송이 되는 에러를 미연에 방지 할 수 있는 이점이 있습니다.
반응형