Window Location 객체

Window Location 객체

Location 객체는 현재 URL에 대한 정보를 포함하고 있습니다.

Location 객체는 창 객체의 속성입니다.

Location 객체는 다음과 같은 방식으로 접근할 수 있습니다:

window.location 또는 단순히 location

실제 예제

let origin = window.location.origin;

직접 시도해 보세요.

let origin = location.origin;

직접 시도해 보세요.

Location 객체 속성

속성 설명
hash URL의 앵커 부분(#)을 설정하거나 반환합니다.
host URL의 호스트 이름과 포트 번호를 설정하거나 반환합니다.
hostname URL의 호스트 이름을 설정하거나 반환합니다.
href 전체 URL을 설정하거나 반환합니다.
origin URL의 프로토콜, 호스트 이름, 포트 번호를 반환합니다.
pathname URL의 경로 이름을 설정하거나 반환합니다.
port URL의 포트 번호를 설정하거나 반환합니다.
protocol URL의 프로토콜을 설정하거나 반환합니다.
search URL의 쿼리 문자열 부분을 설정하거나 반환합니다.

Location 객체 메서드

메서드 설명
assign() 새 문서를 로드합니다.
reload() 현재 문서를 다시 로드합니다.
replace() 현재 문서를 새 문서로 대체합니다.

Location 객체 설명

Location 객체는 Window 객체의 Location 속성에 저장되며, 해당 창에서 현재 표시되는 문서의 웹 주소를 나타냅니다. 그것의 href 속성문서의 완전한 URL을 저장하며, 다른 속성은 URL의 각 부분을 설명합니다. 이 속성은 Anchor 객체(또는 Area 객체)의 URL 속성과 매우 유사합니다. Location 객체가 문자열로 변환되면, href 속성의 값이 반환됩니다. 이는 location.href를 대체할 수 있는 expression location을 사용할 수 있다는 것을 의미합니다.

하지만 Anchor 객체는 문서의 하이퍼링크를 나타내며, Location 객체는 브라우저가 현재 표시하는 문서의 URL(또는 위치)을 나타냅니다. 그러나 Location 객체는 이러한 것만이 아닙니다. 그것은 브라우저가 표시하는 문서의 위치를 제어할 수도 있습니다. URL을 포함한 문자열을 Location 객체나 그 href 속성에 할당하면, 브라우저는 새로운 URL이 가리키는 문서를 로드하고 표시합니다.

location 또는 location.href를 완전한 URL로 대체하여 현재 URL을 설정하는 것 외에도, Location 객체의 다른 속성에 값을 할당하면 됩니다. 이렇게 하면 새로운 URL가 생성되고, 그 중 일부는 원래 URL과 다릅니다. 브라우저는 그것을 로드하고 표시합니다. 예를 들어, Location 객체에 hash 속성그렇다면 브라우저는 현재 문서 중 하나의 지정된 위치로 이동합니다. 또한, hash 속성이 설정되면 search 속성그렇다면 브라우저는 새로운 쿼리 문자열이 추가된 URL을 다시 로드합니다.

URL 속성 외에도 Location 객체의 reload() 메서드현재 문서를 다시 로드할 수 있습니다.replace() 새 문서를 로드할 수 있으며 새로운 이력을 생성하지 않아도 됩니다.也就是说，在新文档中，在浏览器的历史列表中，新文档将替换当前文档。