[JS] URL 주소 가져오기

🪧 Location 객체(window.location)

#폐쇄형 홈페이지 #로그인 #작업하던 페이지로 돌아올 때

🌟 종류

1. window.location.href
   URL 전체를 반환

2. window.location.hostname
   URL의 호스트 명을 반환

3. window.location.host
   URL의 호스트 + 포트번호 반환
   ex. something.io:8080

4. window.location.pathname
   URL의 경로를 반환 ('/' 뒤에 있는 거)

5. window.location.protocol
   URL에서 프로토콜 반환
   콜론(:) 포함

6. window.location.search
   URL에서 쿼리스트링 반환 ('?' 뒤에 있는 거)

💡 예시코드

location.href 		// 'https://velog.io/write?id=값'
location.hostname 	// 'velog.io'
location.host		// 'velog.io'
location.pathname 	// '/write'
location.protocol 	// 'https:'	
location.search		// '?id=값'

🤷‍♀️ location과 window.location

🔥 location과 window.location은 동일하다.
근데 일반 변수와 헷갈릴 수 있으니까, window.location 쓰는게 좋을 것 같다.

---

출처
MDN-location