Javascript & jQuery 현재 URL정보 가져오는 방법

안녕하세요. 은은한 개발자입니다.

 

이번 포스팅을 통해 현재 URL의 정보를 Javascript 와 jQuery 로 어떻게 가져오는지 포스팅해보도록 하겠습니다.

 

현재 URL : http://bellsilver7.tistory.com/main/index.php?key=value

 

위와 같은 URL이 있다고 가졍해보자!

 

[ Javascript ]

location.href =>  http://bellsilver7.tistory.com/main/index.php?key=value
location.protocol =>  http:
location.host =>  bellsilver7.tistory.com
location.pathname =>  /main/index.php
location.search =>  ?key=value

 

[ jQuery ]

$(location).attr('href') =>  http://bellsilver7.tistory.com/main/index.php?key=value

$(location).attr('protocol') =>  http:

$(location).attr('host') =>  bellsilver7.tistory.com

$(location).attr('pathname') =>  /main/index.php

$(location).attr('search') =>  ?key=value