Window.location 읽기 전용 속성은 문서의 현재 위치에 대한 정보가 포함된 Location 개체를 반환합니다. 이것을 사용하여 URL을 호스트 이름과 경로로 구문 분석할 수 있습니다.
위치 인터페이스는 연결된 개체의 위치(URL)를 나타냅니다. 속성은 위치 개체에서 사용할 수 있습니다. −
Location.href - 이것은 전체 URL을 포함하는 DOMString입니다. 변경되면 연결된 문서가 새 페이지로 이동합니다. 연결된 문서와 다른 출처에서 설정할 수 있습니다.
위치.프로토콜 − 마지막 ':'를 포함한 URL의 프로토콜 체계.
Location.host − 호스트, 즉 호스트 이름, ':' 및 URL의 포트입니다.
위치.호스트 이름 − URL의 도메인.
위치.포트 − URL의 포트 번호입니다.
위치.경로 이름 − 이니셜 '/' 뒤에 URL 경로가 옵니다.
위치 검색 - '?' URL의 매개변수 또는 "쿼리 문자열"이 뒤따릅니다. 최신 브라우저는 쿼리 문자열에서 매개변수를 쉽게 구문 분석할 수 있도록 URLSearchParams 및 URL.searchParams를 제공합니다.
Location.hash - '#' 다음에 URL의 조각 식별자가 옵니다.
위치.사용자 이름 − 도메인 이름 앞에 지정된 사용자 이름입니다.
위치.비밀번호 − 도메인 이름 앞에 지정된 비밀번호입니다.
예시
사용 예 -
let hostname = location.hostname let path = location.pathname console.log(hostname) console.log(path)
URL:https://www.tutorialspoint.com/ajax/index.htm
출력
이것은 출력을 줄 것입니다 -
www.tutorialspoint.com /ajax/index.htm