자바스크립트 URL에 불러오기 (원하는 파라미터값 가져오기)

현재 보여지는 페이지에 대한 정보를 가져올 때, location을 이용하면 간단하다.

 

location.href (URL 전체 - 현재 페이지 href반환)

location.hostname (웹 호스트의 도메인 명을 반환한다 ex. www.naver.com )

location.protocol (웹프로토콜 - http:// 혹은 https:// 를 반환)

location.pathname (파일 또는 페이지의 경로를 나타낸다 /exemple/index.php)

location.search (URL 끝 물음표 다음에 오는 파라미터 값 반환 ?displayChk=1)

 

파라미터 값만 뽑아오는 함수도 있는데, 꽤 유용해서 저장해두고 사용하면 좋을 듯 싶다.

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
    results = regex.exec(location.search);
    return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

 

 

참고 사이트 : 

https://www.w3schools.com/js/js_window_location.asp

https://fellowtuts.com/jquery/getting-query-string-values-in-javascript/?a=a