[JS] window.location

window 인터페이스는 DOM문서를 담은 창을 나타낸다. 

window 인터페이스는 다양한 함수, 이름공간, 객체, 생성자가 머무는 장소이다. 

그 중엔 사용자 인터페이스로서의 창 개념과는 직접 관련되지 않은 것도 존재하며, 대신 전역적으로 접근할 수 있어야 하는 항목에 적합합니다. 많은 수의 항목이 JavaScript 참고서와DOM 참고서에 문서화되어 있다.

 

예제 도메인) http://www.google.com:8080/search?type=post#test 

 

• Properties

Property	Example	Description
hash	#test	주소값에 붙어있는 anchor값 반환
host	www.google.com:8080	URL 도메인과 포트반환
hostname	www.google.com	URL 도메인 반환
href	http://www.google.com:8080/search?type=post#test	URL 반환
origin	http://www.google.com:8080	프로토콜 + URL 도메인 + 포트
pathname	/search	URL 경로 반환
port	8080	서버포트 반환
protocal	http:	프로토콜 반환
search	?type=post	URL에 붙은 매개변수 반환(?뒤의 값)

 

 

• Methods

Method	Description
assign(URL)	새로운 주소 이동
reload(forceget)	현재 페이지 새로고침
replace(URL)	새로운 주소 이동(session history가 남지 않기 때문에 back버튼으로 이동 불가)

 

## 새 페이지로 이동
window.location.assign("http://www.naver.com")

## 현재 페이지 새로고침
window.location.reload(true);

## replace()를 사용하여 새 페이지로 이동
function reloadPage() {
	let initialPage = window.location.pathname;
    window.location.replace('http://www.naver.com/#' + initialPage);
}