Location 객체
Location 객체
Location 객체는 현재 URL에 대한 정보를 포함하고 있습니다.
Location 객체는 Window 객체의 일부로, window.location 속성을 통해 접근할 수 있습니다.
예제
Location 객체 속성
| 속성 | 설명 |
|---|---|
| hash | 문제점 (#)부터 시작하는 URL(앵커)를 설정하거나 반환합니다. |
| host | 호스트 이름과 현재 URL의 포트 번호를 설정하거나 반환합니다. |
| hostname | 현재 URL의 호스트 이름을 설정하거나 반환합니다. |
| href | 전체 URL을 설정하거나 반환합니다. |
| pathname | 현재 URL의 경로 부분을 설정하거나 반환합니다. |
| port | 현재 URL의 포트 번호를 설정하거나 반환합니다. |
| protocol | 현재 URL의 프로토콜을 설정하거나 반환합니다. |
| search | 문제점 (?)부터 시작하는 URL(쿼리 부분)을 설정하거나 반환합니다. |
Location 객체 설명
Location 객체는 Window 객체의 Location 속성에 저장되어 있으며, 해당 창에서 현재 표시되는 문서의 웹 주소를 나타냅니다. 그것의 href 속성전체 문서 URL을 저장하고 있으며, 다른 속성은 URL의 각 부분을 설명합니다. 이 속성은 Anchor 객체(또는 Area 객체)의 URL 속성과 매우 유사합니다. Location 객체가 문자열로 변환되면 href 속성의 값이 반환됩니다. 이는 location.href를 대체할 수 있는 표현식 location을 사용할 수 있다는 것을 의미합니다.
不过 Anchor 对象表示的是文档中的超链接，Location 对象表示的却是浏览器当前显示的文档的 URL（或位置）。但是 Location 对象所能做的远远不止这些，它还能控制浏览器显示的文档的位置。如果把一个含有 URL 的字符串赋予 Location 对象或它的 href 属性，浏览器就会把新的 URL 所指的文档装载进来，并显示出来。
하지만 Anchor 객체는 문서의 히스토리를 나타내며, Location 객체는 현재 브라우저가 표시하는 문서의 URL(또는 위치)을 나타냅니다. 그러나 Location 객체는 이러한 것 이상으로도 할 수 있습니다. 그것은 브라우저가 표시하는 문서의 위치를 제어할 수 있습니다. URL을 포함한 문자열을 Location 객체나 그 href 속성에 할당하면, 브라우저는 새 URL을 가리키는 문서를 로드하고 표시합니다. Location 객체는 URL을 설정하거나 location.href를 전체 URL로 대체하는 것 외에도, 다른 URL의 일부를 변경할 수 있습니다. 이렇게 하면 새 URL이 생성되며, 그 중 일부는 원래 URL과 다릅니다. 브라우저는 이를 로드하고 표시합니다. 예를 들어, Location 객체의그렇다면 브라우저는 현재 문서의 특정 위치로 이동합니다. 또한, hash 속성이 설정되면 search 속성그렇다면 브라우저는 새로운 쿼리 문자열이 추가된 URL을 다시 로드합니다.
URL 속성 외에도 Location 객체의 reload() 메서드현재 문서를 다시 로드할 수 있습니다.replace() 새 문서를 로드할 수 있으며 새로운 히스토리를 생성하지 않아도 됩니다. 즉, 브라우저의 히스토리 목록에서 새 문서는 현재 문서를 대체합니다.
