submit, href, replace 차이점

2017. 4. 14. 03:11자바스크립트

1. 차이점

 submit

 페이지 이동시에 다음페이지로 정보를 전송합니다.

 href

 정보를 전송하지 않고 페이지만 이동합니다.

 replace

 정보를 전송하지 않고 페이지만 이동합니다.


2. 예제

    -1) submit

<script>

function form_submit() {

document.id.action="앙큼한유채.html";

document.id.submit();

}

</script>

    -2) href

<script>

function page_href() {

location.href = "앙큼한유채.html";

}

</script>

    -3)replace

<script>

function page_replace() {

location.replace("앙큼한유채.html");

}

</script>


* href와 replace의 큰 차이점

href의 경우 페이지를 이동할 때 순서대로 이동하게 되므로 뒤로가기 버튼을 누르면 바로 이전페이지로 이동하게 됩니다. 

   -> 1.php -> 2.php -> 3.php 순으로 이동하게 되면 뒤로가기 버튼을 통해 2.php 페이지로 돌아가집니다.

반면에 replace의 경우는 페이지 자체를 새로 출력하게 되므로 1.php를 실행하기 이전의 페이지로 돌아가게 됩니다.

   -> 1.php -> href방식으로 2.php -> replace방식으로 3.php로 이동하게 되면 뒤로가기 버튼을 누르면 1.php로 돌아가게 됩니다.

'자바스크립트' 카테고리의 다른 글

정규식  (0) 2018.04.09
자바스크립트 숫자만 추출  (1) 2017.11.24
null과 undefined의 차이  (0) 2017.04.17
자바스크립트 이벤트  (0) 2017.04.11
체크박스 전체 선택/해제 하기  (0) 2017.03.27