PWA API - Location

Location

객체가 연결된 장소(URL)를 표현하는 API. 

 

메소드

Location.assign()

주어진 URL의 리소스를 불러와 새 페이지로 이동한다.

 

Location.reload()

현재 URL의 리소스를 강제로 다시 불러온다.

 

Location.replace()

현재 리소스를 특정 URL의 리소스로 교체한다. 현재 페이지가 session History에 저장되지 않아 사용자가 뒤로가기를 하지 못한다는 점에서 assign()과 차이가 있다. 

 

 

예제

var url = document.createElement('a');
url.href = 'https://developer.mozilla.org:8080/en-US/search?q=URL#search-results-close-container';
console.log(url.href);      // https://developer.mozilla.org:8080/en-US/search?q=URL#search-results-close-container
console.log(url.protocol);  // https:
console.log(url.host);      // developer.mozilla.org:8080
console.log(url.hostname);  // developer.mozilla.org
console.log(url.port);      // 8080
console.log(url.pathname);  // /en-US/search
console.log(url.search);    // ?q=URL
console.log(url.hash);      // #search-results-close-container
console.log(url.origin);    // https://developer.mozilla.org:8080

 

 

MDN 문서

https://developer.mozilla.org/ko/docs/Web/API/Location

Location - Web API | MDN