디케이
[html] onclick시 location.href와 location.replace 차이 본문
반응형
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를 쓰며
쿼리가 중복 발송이 되는 에러를 미연에 방지 할 수 있는 이점이 있습니다.
반응형
'HTML, CSS' 카테고리의 다른 글
[JavaScript] Ajax 기본 설명 동작 (0) | 2021.03.10 |
---|---|
이클립스 JSP, html 이용시 초기 셋팅 (0) | 2021.02.28 |
[html] form 작성 시 get과 post 차이점 (0) | 2021.02.28 |
[jQuery] 자바스크립트 form 태그 submit (0) | 2021.02.23 |
[Javascript] 자바스크립트 (error) 오류 정리 (0) | 2021.02.23 |