- 현재 브라우저에 표시된 HTML 문서의 URL 또는 관련 정보 (URL의 프로토콜, 호스트, 포토번호 등의 정보)를 얻거나, 브라우저에 새 문서를 불러오는 등에 사용할 수 있다. - window 객체의 일부이고 window.location 속성을 통해 접근할 수 있다.(window는 생략 가능 하다.)
▶ 2. Location객체 속성
-href : 전체 URL 주소를 문자열로 반환 한다. (현재 URL을 가져올 수 있는 방법) -origin : URL의 프로토콜, 호스트네임, 포트번호를 반환한다.
- hash : URL의 앵커 (#) 부분을 설정하거나 반환한다.
1) 기본적으로는 앵커 위치 이동을 위해 흔히 사용한다.
2) 해시와 같은 경우는 예전 ajax 방식 호출과 뒤로가기 이슈를 해결 한다던지 등 여러 용도로 유용하게 사용 가능할 수도 있다.
- replace(url) : 현 도큐먼트를 새 도큐먼트로 교체, 현재 문서를 브라우저의 히스토리에서 제거한다(히스토리에서 현재 도큐먼트를 지우기 때문에 뒤로가기 불가).
- reload() : 현 도큐먼트 새로고침, 현재 문서를 다시 불러온다.
ex)
// 히스토리를 남기는 페이지 이동
location.href = "https://goddaehee.tistory.com/";
location.assign("https://goddaehee.tistory.com/");
// 현재 히스토리 제거 후 새 도큐먼트로 교체
location.replace("https://goddaehee.tistory.com/");
// 현재 페이지 새로 고침
location.reload();
▶ 4. History 객체
- History 객체는 브라우저의 히스토리 정보를 문서와 문서 상태 목록으로 저장하는 객체 이다. - window 객체의 일부이며 window.history 속성을 통해 접근 가능하다. (window는 생략 가능)
- back() : History 리스트에 들어 있는 이전 URL을 불러온다. -forward() : History 리스트에 들어 있는 다음 URL을 불러온다. -go() : History 리스트에 들어 있는 특정 URL을 불러옵니다. 파라미터가 음수면 뒤로 양수면 앞으로 그 수만큼 이동한다.