반응형
Notice
Recent Posts
Recent Comments
Link
«   2024/04   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
Tags
more
Archives
Today
Total
관리 메뉴

디케이

[html] onclick시 location.href와 location.replace 차이 본문

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를 쓰며
쿼리가 중복 발송이 되는 에러를 미연에 방지 할 수 있는 이점이 있습니다.

반응형