JS/jQuery - 현재페이지 url 가져오기 : window.location

닌니디자인 JS 썸네일

 

현재페이지 URL

Window.location은 읽기 전용 속성으로, 문서의 현재 위치(URL)에 대한 정보가 담긴 Location객체를 반환한다. 읽기 전용 형태이지만 문자열 할당이 가능하기 때문에 location을 문자열처럼 사용할 수 있다. 이 객체를 사용하여 브라우저의 주소 표시줄을 제어하고 페이지를 동적으로 변경할 수 있다.

Location.href	온전한 URL을 값으로 하는 DOMString. 바뀔 경우 연결된 문서도 새로운 페이지로 이동한다. 연결된 문서와 다른 오리진에서도 설정할 수 있다.
Location.protocol	URL의 프로토콜 부분을 값으로 하는 DOMString으로, 마지막의 ':'도 포함.
Location.host	URL의 호스트 부분을 값으로 하는 DOMString으로, 호스트명, ':', 포트 번호를 포함.
Location.hostname	URL의 도메인 부분을 값으로 하는 DOMString.
Location.port	URL의 포트 번호를 값으로 하는 DOMString.
Location.pathname	'/' 문자 뒤 URL의 경로를 값으로 하는 DOMString.
Location.search	'?' 문자 뒤 URL의 쿼리스트링을 값으로 하는 DOMString. 모던 브라우저에서는 URLSearchParams.get()과 URL.searchParams를 사용해서 인자를 쉽게 추출할 수 있다.
Location.hash	'#' 문자 뒤 URL의 프래그먼트 식별자를 값으로 하는 DOMString.
Location.origin (읽기 전용)	지정한 장소 오리진의 표준 형태를 값으로 하는 DOMString.

 

 

예시

let href = window.location.href;

 

 

 

 

 

---

 

domain_verification Source

Location - Web API | MDN