window.location 이란?

개요

window.location 은 읽기 전용 프로퍼티로 Location 오브젝트를 반환한다. Location 오브젝트에는 현재 문서의 위치와 관련된 정보가 들어있다.

window.location 에는 특별한 기능 하나가 있는데 비록 읽기 전용 프로퍼티지만, 주소 문자열을 할당하면 브라우저가 해당 주소로 이동하는 기능이 있다.

window.location = "https://naver.com"; // 네이버로 이동

window.location 이 제공하는 다양한 정보들

window.location 은 브라우저의 주소표시줄에 나오는 문자열을 파싱하여 개념별로 제공해준다.

이를테면 https://example.org:8080/foo/bar?q=baz#bang 이라는 주소가 있다고 하면 이는 아래와 같이 파싱될 수 있다.

• https: //example.org:8080/foo/bar?q=baz#bang: 프로토콜 정보 (protocol)
• https:// example.org :8080/foo/bar?q=baz#bang: 호스트 이름 (hostname)
• https://example.org: 8080 /foo/bar?q=baz#bang: 포트 (port)
• https://example.org:8080 /foo/bar ?q=baz#bang: 경로명 (pathname)
• https://example.org:8080/foo/bar ?q=baz #bang: 검색 (search)
• https://example.org:8080/foo/bar?q=baz #bang: 해시 (hash)
• https://example.org:8080 /foo/bar?q=baz#bang: 오리진 (origin)
• https://example.org:8080/foo/bar?q=baz#bang: 하이퍼링크 참조 (href)

window.location 이 제공하는 다양한 정보는 이 링크 에서 구경할 수 있다.

레퍼런스

• https://developer.mozilla.org/en-US/docs/Web/API/Window/location