Location 객체 정리
Front
2021.08.08.
브라우저 객체란?
브라우저에 내장된 객체 - 계층형 구조
가장 상위에는 window 객체가 있으며
하위 객체로는 document, screen, location, history, navigator 5개의 객체가 있다.
Location 객체
사용자 브라우저와 관련된 속성과 메서드를 제공하는 객체
주소 표시줄에 있는 부분을 가져올 수 있다.
기능 개발을 하다보면 URL에 따라 분기 처리를 해야 하는 경우가 있는데
이 때 location객체를 사용하면 유용하다.
| 프로퍼티 | 설명 | 예시 |
|---|---|---|
| hash | 주소값에 붙어있는 anchor값 반환 | #haha |
| host | URL의 도메인과 포트 반환 | www.example.com:8080 |
| hostname | URL의 도메인 반환 | www.example.com |
| href | URL 반환 | http://www.example.com:8080/search?q=devmo#test |
| orgin | 프로토콜 + URL의 도메인 + 포트 | http://www.example.com:8080 |
| pathname | URL 경로 반환 | /search |
| protocol | 프로토콜 반환 | http |
| search | Query String (URL에 붙은 매개변수) | ?t=20210727 |
요렇게 주소 표시줄의 정보를 가지고와 화면 분기처리를 할 수 있다!!!
주의할 점으로 프로퍼티에 따라 포함되는 값이 다르니 주의하며 사용해야 한다