JavaScript의 URL에서 호스트 이름과 경로를 어떻게 추출할 수 있습니까?

JavaScript에서 URL을 호스트 이름과 경로로 구문 분석

URL 문자열을 원하는 대로 호스트 이름과 경로 이름에 액세스할 수 있는 개체로 처리하려면 , 최신 솔루션이나 대체 방법을 활용할 수 있습니다.

URL을 사용한 최신 접근 방식 개체:

가장 간단한 해결책은 URL 생성자를 사용하는 것입니다. 호스트 이름 및 경로 이름 속성을 제공하는 URL 객체의 인스턴스를 생성합니다. 예:

const a = new URL("http://example.com/aa/bb/");

console.log(a.hostname); // "example.com"
console.log(a.pathname); // "/aa/bb"

호스트 이름에는 포트 정보를 제외하고 도메인만 포함됩니다. 도메인과 포트 모두 호스트를 대신 사용할 수 있습니다.

대체 접근 방식:

최신 접근 방식을 사용할 수 없는 경우 다음 대체 방법을 고려할 수 있습니다.

• 정규식: 정규식을 사용하면 호스트 이름과 URL 문자열의 경로 이름입니다. 그러나 복잡하고 오류가 발생하기 쉬울 수 있습니다.
• DOM 구문 분석: HTML 요소를 생성하고 해당 href를 URL로 설정한 다음 결과 DOM을 구문 분석하여 원하는 항목을 검색할 수 있습니다. 속성. 이 접근 방식은 브라우저 지원이 필요하며 속도가 느릴 수 있습니다.

결론:

URL 생성자를 사용하는 최신 솔루션은 URL 구문 분석에 선호되고 권장되는 방법입니다. JavaScript의 호스트 이름과 경로 이름으로.

위 내용은 JavaScript의 URL에서 호스트 이름과 경로를 어떻게 추출할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!