본문 바로가기

Javascript

[javascript] 현재 요소의 URL,도메인명, 경로명, 프로토콜을 알아내는 법

현재 요소의 URL,도메인명, 경로명, 프로토콜을 알아내는 메서드가 있다. 

 <body>
    <div id="location"></div>
  </body>
  
  <script>
    document.getElementById("location").innerHTML = `
      현재 문서 URL: ${location.href} <br>
      현재 문서 도메인명: ${location.hostname} <br>
      현재 문서 경로명: ${location.pathname} <br>
      현재 문서 프로토콜: ${location.protocol} <br>`;
  </script>

location이라는 id를 가진 요소를 가져와, 해당 요소의 URL,도메인명, 경로명, 프로토콜을 html문서 내에 적어주는 코드이다. 

 

 

 

출처 : 자바스크립트 200제