반응형
자바스크립트에서 현재 사이트의 URL을 가져오려는 경우 다음과 같은 스크립트를 작성하면 됩니다.
- window.location.href - 현재 페이지의 href 반환
- window.location.hostname - 웹 호스트의 도메인 네임 반환
- window.location.pathname - 현재 페이지의 경로와 파일 이름 반환
- window.location.protocol - 사용하는 웹 프로토콜 반환 (http:// 혹은 https://)
- window.location.assign - 새 document 로드
아래는 전체 URL 경로를 가져온 예제입니다.
var url = window.location.href
//"https://cocobi.tistory.com/manage/newpost/41?type=post&returnURL=https%3A%2F%2Fcocobi.tistory.com%2F41"
var url = window.location.protocol + "//" + window.location.host + "/" + window.location.pathname;
// "https://cocobi.tistory.com//manage/newpost/41"
# 참고 사이트
https://www.w3schools.com/js/js_window_location.asp
https://css-tricks.com/snippets/javascript/get-url-and-url-parts-in-javascript/
반응형
'Frontend > JavaScript' 카테고리의 다른 글
[JS] null과 undefined에 대해서 (0) | 2021.08.01 |
---|---|
[JS] 자바스크립트 큐, 스택, 트리 구현하기 (0) | 2021.07.29 |
[JS] 자바스크립트 상속과 프로토타입 (0) | 2021.07.27 |
[JS] 자바스크립트 예외처리 (0) | 2021.07.24 |
[JS] 자바스크립트로 CSS 속성 변경하기 (0) | 2021.07.23 |
최근댓글