Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

javascript에서 URL을 호스트 이름과 경로로 어떻게 구문 분석합니까?

<시간/>

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