[javascript] 웹 브라우저의 현재 URL 가져오기

현재 웹 페이지의 전체 URL을 가져와서 변수로 지정하려는 경우 다음 스크립트를 사용할 수 있습니다.

window.location.href

JavaScript Window Location 참고:

  • window.location.href - 현재 페이지의 href (URL) 반환
  • window.location.hostname - 웹 호스트의 도메인 네임 반환
  • window.location.pathname - 현재 페이지의 경로와 파일 이름 반환
  • window.location.protocol - 사용하는 웹 프로토콜 반환 (http:// 혹은 https://)
  • window.location.assign - 새 document 로드
    // Source: w3schools

따라서 Javascript로 전체 URL 경로를 가져오려면 다음과 같이 사용할 수 있습니다.

var newURL = window.location.protocol + "//" + window.location.host + "/" + window.location.pathname;
//  Source: css-tricks

버튼을 클릭했을 때 현재 페이지의 URL을 표시하는 예제:

<script>
    function getURL() {
        alert("The URL of this page is: " + window.location.href);
    }
    </script>
     
    <button type="button" onclick="getURL();">Get Page URL</button>

버튼을 클릭하면 The URL of this page is: https://www.example.com/current_page_url과 같이 현재 페이지의 URL이 팝업 창에 표시됩니다.

PHP 스크립트/javascript/jQuery 템플릿:

워드프레스 플러그인 등 다양한 종류의 코드를 판매하는 CodeCanyon에서 다양한 기능(예: 슬라이더)의 Javascript/jQuery 템플릿이나 PHP 스크립트를 비교적 저렴한 비용에 구입할 수 있습니다.

코드캐년에서 판매되는 javascript/jQuery 템플릿
CodeCanyon에서 판매되는 javascript/jQuery 템플릿

참고:


댓글 남기기

* 이메일 주소는 공개되지 않습니다.