jQuery에서 현재 URL을 얻는 방법

  1. jQuery에서 현재 URL을 가져 오는href 속성
  2. jQuery에서 URL의 특정 속성에 액세스

현재 jQuery 코드가로드되고있는 위치를 확인하려는 경우가 종종 있습니다. 브라우저에 열려있는 모든 창에 대해 브라우저는 window개체에 대한 액세스를 제공합니다. window 객체의 일부인location 객체는 현재 URL에 대한 정보를 제공합니다.

jQuery에서 현재 URL을 가져 오는href 속성

현재 URL을 얻으려면 브라우저의location 개체의href 속성에 액세스 할 수 있습니다.

<script>
 var url = $(location).attr('href');
  // Returns full URL
(https://example.com/path/example.html)
 var pathname = $(location).attr('pathname');
  // Returns path only (/path/example.html)
 var origin = $(location).attr('origin');
  // Returns base URL (https://example.com)
</script>

참고: 바닐라 JavaScript 방식에서는 window.location.href를 통해 액세스 할 수 있습니다.

jQuery에서 URL의 특정 속성에 액세스

location 개체는 URL의 추가 속성과 함께 제공됩니다.

특성 기술
hash URL의 앵커 부분 (#)
host URL의 호스트 이름 및 포트 번호
hostname URL의 호스트 이름
href 전체 URL
origin URL의 프로토콜, 호스트 이름 및 포트 번호
pathname URL의 경로 이름
port URL의 포트 번호
protocol URL의 프로토콜
search URL의 쿼리 문자열 부분