관리 메뉴

공부한것들을 정리하는 블로그 입니다.

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

JavaScript 공부

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

호 두 2019. 12. 10. 10:40
반응형
 
 

현재 웹 페이지의 전체 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
 

 

 
 
반응형

'JavaScript 공부' 카테고리의 다른 글

React.JS 기본 공부  (0) 2019.11.27
모듈이란?  (0) 2019.11.23
[펌] jQuery 보다 먼저 알았으면 좋았을 것들  (0) 2019.08.13
jQuery : html 에서 html 삽입하기  (0) 2019.08.12
jQuery : 모바일/PC 환경에서 터치/마우스 스크롤 + 무한스크롤 기능  (0) 2019.08.09
jQuery : 모바일/PC 환경에서 터치/마우스 스크롤 기능  (0) 2019.08.08
무한 스크롤(Infinity Scrolling) + 좌우로 화면을 밀어서 페이지이동(Swipe, Flick)  (0) 2019.07.29
크롬 개발자 도구로 JavaScript, HTML 디버깅  (0) 2019.07.23
'JavaScript 공부' Related Articles more
Comments