jQuery에서 현재 URL을 얻는 방법
Sundeep Dawadi
2023년1월30일
현재 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의 쿼리 문자열 부분 |