현재 주소에 따라 UI가 변경되는 등 다양한 이유로 사용되어 javascript로 현재 페이지 URL 가져오는 방법에 대해 정리해보았다.

window.location (Location 객체)

현재 페이지의 URL을 알기 위해서는 window.location 속성을 사용해야 한다.

window.location 속성에 접근하면 Location 객체에 접근할 수 있어 객체의 속성들을 사용해서 현재 페이지의 URL 정보를 알아낼 수 있다.

예시 URL = https://minsunblog.com/blog/2fe9081b-ab37-4c77-a6b6-c319966cc912

window.location.href

현재 페이지의 전체 href (URL) 반환한다.

window.location.href = "https://minsunblog.com/blog/2fe9081b-ab37-4c77-a6b6-c319966cc912"

window.location.host

URL의 호스트 정보를 반환한다. ( ‘ :포트번호 ‘ 있으면 같이 반환한다. )

window.location.host = "minsunblog.com"

window.location.hostname

웹 호스트의 도메인 네임 반환한다.

window.location.hostname = "minsunblog.com"

host와 다른 점은 ‘ :포트번호 ‘ 를 포함하지 않는다.

https://example.com:8080

window.location.prot

URL의 포트 번호를 반환한다.

window.location.pathname

hostname 뒤의 경로를 반환한다.

window.location.pathname = "/blog/2fe9081b-ab37-4c77-a6b6-c319966cc912"

window.location.search

‘?’ 뒤의 쿼리스트링을 반환한다.

window.location.protocol

사용하는 웹 프로토콜 반환한다.

window.location.protocol = "https:"