[자바스크립트] Location 객체

Location 객체

• location 객체는 현재 브라우저에 표시된 HTML 문서의 주소를 얻거나, 브라우저에 새 문서를 불러올 때 사용할 수 있다.

 

속성

location.href

• 전체 URL

 

location.protocol

• URL의 프로토콜 부분으로 마지막의 ':'도 포함한다.
• 현재 프로토콜(http:)

 

location.host

• URL의 호스트 부분
• 스트명, ':', 포트 번호를 포함한다.

 

location.hostname

• URL의 도메인 부분

 

location.port

• URL의 포트 번호

 

location.pathname

• '/' 문자 뒤 URL의 경로 값

 

location.search

• '?' 문자 뒤 URL의 쿼리스트링을 값
• 모던 브라우저에서는 URLSearchParams.get()과 URL.searchParams를 사용해서 인자를 쉽게 추출할 수 있다.

 

location.hash

• '#' 문자 뒤 URL의 프래그먼트 식별자 값

 

location.username

• 도메인 이름 이전에 명시된 사용자명을 값

 

location.password

• 도메인 이름 이전에 명시된 비밀번호를 값

 

location.origin (en-US) Read only

• 지정한 장소 오리진의 표준 형태 값

 

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

 

📌 참고

• https://developer.mozilla.org/ko/docs/Web/API/Location
• http://www.tcpschool.com/javascript/js_bom_location
• https://www.codingfactory.net/10438