자바스크립트 location 객체 페이지 리다이렉션이란?

페이지 리다이렉션은 location 객체를 사용하여 수행할 수 있으며, 리다이렉션은 사용자를 다른페에지로 이동시키는것을 의미한다.

 

location 객체를 사용하여 페이지 리다이렉션 방법은 3가지가 있다.

 

location.href 

location.href 속성에 새로운 URL을 할당하면 페이지를 해당 URL로 이동시킨다.

// 사용자를 www.google.com으로 이동시킵니다.
location.href = "https://www.google.com";

 

location.assign()

location.assign() 메서드는 location.href 속성과 유사하지만 브라우저 히스토리를 유지한다.

즉, 사용자가 뒤로 가기 버튼을 클릭하면 이전 페이지로 돌아갈 수 있다.

// 사용자를 www.naver.com으로 이동시키고 히스토리를 유지합니다.
location.assign("https://www.naver.com");

location.replace()

location.assign()과 다르게 브라우저 히스토리를 유지하지 않는다.

즉, 사용자가 뒤로 가기 버튼을 클릭하면 이전 페이지로 돌아갈 수 없다.

// 사용자를 www.daum.net으로 이동시키고 히스토리를 삭제합니다.
location.replace("https://www.daum.net");