JavaScript의 URL에서 호스트 이름과 경로를 추출하는 방법은 무엇입니까?

JavaScript에서 URL 구문 분석: 호스트 이름 및 경로 추출

URL을 웹 개발의 일반적인 요구 사항인 호스트 이름과 경로로 분석하려면, JavaScript는 여러 가지 접근 방식을 제공합니다.

1. URL 객체

최신 브라우저와 Node.js에 도입된 URL 객체를 사용하면 호스트 이름 및 경로 이름을 포함한 URL 속성에 직접 액세스할 수 있습니다.

let url = new URL("http://example.com/aa/bb/");
console.log("Hostname: " + url.hostname);
console.log("Pathname: " + url.pathname);

2 . 정규식 일치

직접 URL 구문 분석을 사용할 수 없는 경우 정규식을 사용하여 호스트 이름과 경로를 추출할 수 있습니다.

let regex = /^(?:https?:\/\/)?(.*?)(?:\/.*)?$/;
let match = "http://example.com/aa/bb/".match(regex);
console.log("Hostname: " + match[1]);
console.log("Pathname: " + match[2]);

3. DOM 구문 분석

이전 브라우저에서는 HTML 앵커 요소()를 생성하고 해당 속성에 액세스하는 방법도 사용할 수 있습니다.

let a = document.createElement("a");
a.href = "http://example.com/aa/bb/";
console.log("Hostname: " + a.hostname);
console.log("Pathname: " + a.pathname);

호스트 이름은 DOM 구문 분석이 없는 도메인을 나타냅니다. 호스트에는 둘 다 포함됩니다.

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