자바스크립트로 현재 페이지 URL 가져오는 방법

Javascript를 사용해 현재 페이지의 URL을 가져오려는 경우

window.location을 사용해 가져올 수 있는데

location. 뒤에 필요한 내용을 붙여주면 되겠다

 

사용방법과 사용 시 반환하는 값은 아래와 같다

 

window.location.href - 현재 페이지의 href (URL) 반환
> https://wakestand.tistory.com/723?category=757589

window.location.host - 호스트의 도메인 네임 / 포트 번호 반환
> 'localhost:8080'

window.location.hostname - 웹 호스트의 도메인 네임 반환(ex > localhost)
> localhost

window.location.port - 현재 포트 번호 반환
> 8080

window.location.pathname - 현재 페이지의 경로와 파일 이름 반환
> '/search/searchBlogSummaryBasePageViews'

window.location.search - ? 뒤의 파라미터 값 가져옴
> ?fromDate=2021-12-28&toDate=2021-12-28'

window.location.protocol - 해당 주소 사용하는 웹 프로토콜 반환 (http: or https:)
> http: or https: