coalacoding.com
coalacoding.com
window.location

window.location

유형
참조문서
주제

내장객체

순번
4
태그
설명

URL 정보 확인을 위한 window.location 속성 사용

window.location 속성을 사용하여 현재 페이지의 URL 정보를 확인할 수 있다.

window.location은 Location 객체를 반환하며, 이 객체의 여러 속성을 통해 URL의 다양한 정보를 확인할 수 있다.

예시 URL: https://coalacoding.com/documentation?category=1

window.location.href // "https://coalacoding.com/documentation?category=1"
window.location.protocol // "https:"
window.location.host // "coalacoding.com"
window.location.hostname // "coalacoding.com"
window.location.port // ""
window.location.pathname // "/documentation"
window.location.search // "?category=1"

다음은 주요 속성별 설명이다:

  1. window.location.href

    2. 전체 URL 문자열을 반환한다.

  2. window.location.protocol

    3. 마지막 ':'을 포함한 프로토콜 정보를 반환한다.

  3. window.location.host

    4. URL의 호스트 정보를 반환한다. 예시 URL에는 포트 번호가 없으나, URL에 포트 번호가 있을 경우 ':'과 함께 포트 번호를 포함한다.

  4. window.location.hostname

      5. URL의 호스트명만 반환한다. 이 값은 ':'과 포트 번호를 포함하지 않는다. 예시 URL에서는 window.location.host와 window.location.hostname이 동일하나, 만약 URL이 https://coalacoding.com:8080/documentation?category=1이라면

    1. window.location.host는 "coalacoding.com:8080"
    2. window.location.hostname은 "coalacoding.com"이 된다.
  5. window.location.port

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

  6. window.location.pathname

    7. 호스트명 뒤에 오는 경로(/ 뒤의 경로)를 반환한다.

  7. window.location.search

    8. '?' 뒤에 오는 쿼리스트링을 반환한다.