[Javascript 객체] location 객체

location 객체는 window 객체, document 객체의 프로퍼티인데, 주소와 관련된 객체이기 때문에 URL을 변경하거나, 현재 브라우저에 표시된 HTML 문서의 주소와 관련한 다양한 정보를 얻을 수 있다. origin도 확인가능하다.

 

console.log(location)

 

 

객체를 살펴보면 url의 구성요소들을 하나씩 확인해볼 수 있다.

URL 구성요소 (출처 : https://futurists.tistory.com/95)

 

location 이나 location.href 에 값으로 url을 넣어주면 페이지 이동도 가능하다.

 

location.href = 'http://google.com';

 

replace, assign 메서드를 이용하면 페이지를 넘나들 수도 있다. 둘의 차이는 이동 후 기록(history)를 남기는지 안남기는지이다. assign은 기록을 남기고, replace는 말 그대로 페이지를 대체할 뿐 기록을 남기지 않는다. 뒤로가기를 눌러보면 확실히 차이를 확인할 수 있다.

 

 location.replace("이동할 페이지");
 location.assign("이동할 페이지");

 

location 객체의 프로퍼티나 메서드를 이용하면 코드만 작성해도 문서의 URL 주소와 관련한 다양한 처리들을 해볼 수 있을것같다!