[Javascript] window.location 객체

예제 도메인) https://realyun99.tistory.com:8080/mange/newpost?type=post#yj

Properties

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

Methods

Method	Description
assign(url)	새로운 주소 이동
reload(forceget)	현재 페이지 새로고침
replace(url)	새로운 주소 이동(세션 히스토리 없이)

예제

• 새 페이지로 이동하기

window.location.assign("http://www.naver.com"); //or
window.location = "http://www.naver.com";

 

• 현재 페이지 새로고침

window.location.reload(true);

 

• replace()를 사용해 새 페이지로 이동하기

function reloadPageWithHash() {
  var initialPage = window.location.pathname;
  window.location.replace('http://www.naver.com/#' + initialPage);
}