Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

JavaScript로 문서의 전체 URL을 표시하는 방법

JavaScript URL 속성 소개

현재 열려 있는 HTML 문서의 전체 URL을 확인하고 싶다면 JavaScript에서 제공하는 document.URL 속성을 사용하면 됩니다. 이 속성은 해당 문서가 로드된 완전한 주소(프로토콜, 도메인, 경로 포함)를 문자열 형태로 반환합니다.

document.URL은 읽기 전용(read-only) 속성이므로 값을 변경할 수는 없으며, 단순히 현재 페이지의 주소를 조회하는 용도로 사용됩니다.

예제 코드

다음 예제를 실행하면 JavaScript를 통해 문서의 전체 URL을 화면에 표시할 수 있습니다.

<!DOCTYPE html>
<html>
   <head>
      <title>JavaScript Example</title>
   </head>
   <body>
      <script>
         var str = document.URL;
         document.write("URL: " + str);
      </script>
   </body>
</html>

실행 결과

위 코드를 브라우저에서 실행하면 페이지에 다음과 같이 현재 문서의 전체 URL이 출력됩니다.

URL: https://www.example.com/current-page.html

참고 사항

비슷한 기능을 하는 window.location.href 속성도 있으며, 이 역시 현재 페이지의 전체 URL을 반환합니다. 두 속성 모두 동일한 결과를 제공하지만, 일반적으로 최신 개발 환경에서는 window.location.href 사용이 권장됩니다.