자바스크립트 페이지 이동(submit, href, replace)

submit, href, replace는 페이지를 바꾼다는 점에서 비슷해보이나 각각의 기능은 달라요

일단 사용법을 살펴보고

다음으로 차이점을 설명해드릴께요

1. submit

<script>

function form_submit() {

document.id.action="link_page.html";

document.id.submit();

}

</script>

2. href (값을 정해야하는 프로퍼티)

<script>

function page_href() {

location.href = "link_page.html";

}

</script>

3. replace (파라미터로 동작하는 메소드)

<script>

function page_replace() {

location.replace("link_page.html");

}

</script>

submit는 현재폼의 정보를 다음 페이지로 전송해주는 것이고

나머지 두개는 정보를 전송해주지 않고 페이지만 바꿔줍니다.

href와 replace의 차이점은

href는 1->2->3 페이지 순서로 가서 3페이지에서 뒤로가기 버튼을 누르면 2페이지로 돌아가요

즉 순서대로 페이지를 이동한것이에요

반면에 replace는 1->2->3 (여기서 1->2는 href, 2->3 은 replace로 이동했다고 가정) 순서로 이동해서 3페이지에서 뒤로가기 버튼을 누르면 1페이지로 돌아갑니다.

replace는 페이지 자체를 바꿔주는 것으로 생각하면되요  

2가 3으로 바뀐거지 링크를 연결해준게 아니므로 뒤로가기 버튼을 누르면 1로 이동하게 되는것이에요