Location

Location 객체는 현재 페이지의 주소 정보를 가지고 있어 페이지 관리를 위해 꼭 필요한 객체입니다.

 

Location 객체는 주소 반환뿐만 아니라 페이지를 제어할 수 있는 몇 가지 메서드들이 있습니다.,

 

 

Location 속성

• href : html의 a 태그에서 설정하는 href 속성과 동일한 속성으로 현재 페이지에 대한 전체 URL 주소(domain, port, path, 쿼리스트링 등)를 가지고 있습니다.
• protocol : http, https의 프로토콜 정보를 가지고 있습니다.
• hostname : 도메인의 정보를 가지고 있습니다.
• pathname : 도메인 이후의 하위 경로의 정보(쿼리스트링 제외)를 가지고 있습니다.
• host : 포트번호를 포함한 도메인 정보를 가지고 있습니다.
• port : 포트번호 정보를 가지고 있습니다.
• hash : 하나의 페이지에서 페이지 내부에 있는 특정 위치로 이동하기 위해 설정한 해쉬 정보를 가지고 있습니다.(a 태그의 href = "#요소의 아이디")

 

 

 

Location 메서드

• assign : assign 메서드는 인수로 이동하고 하는 주소를 전달받으며, 해당 주소로 페이지를 이동하게 됩니다.
• replace : replace 메서드는 인수로 전달받은 주소로 페이지를 이동하며, 현재 페이지의 히스토리를 제거합니다.
• reload : reload 메서드는 페이지를 새로고침 하며, 인수로 true를 전달하게 되면 강력 새로고침(화면에 출력했던 내용을 배제하고 최대한 새로 가져옴)을 합니다.

*히스토리를 제거한다는 것은 뒤로 가기로 이전 주소로 이동할 수 없음을 의미합니다.