logo

JavaScript의 URL에서 도메인 이름을 얻는 방법

URL이란 무엇입니까?

URL 의 또 다른 이름이다 웹 주소 . 예를 들어, 단어 기반 URL은 Javatpoint.com입니다. ㅏ URL IP 주소(예: 192.168.2.24 ). 이름은 숫자보다 기억하기 쉽기 때문에 대부분의 소비자는 온라인 검색 시 이름의 주소를 제공합니다.

자바의 프로그램

웹 브라우저 사용 URL 웹 서버에 특정 페이지를 요청합니다. 아래는 URL의 구문 그리고 체재 .

통사론

 Scheme://prefix.domain:port/path/filename 

매개변수

계획-

인터넷 서비스의 종류를 지정합니다(일반적으로 http 또는 https를 사용합니다).

접두사-

도메인 접두어를 설정합니다(http의 기본값은 www입니다).

타이프 스크립트 각각

도메인-

인터넷상의 도메인 이름에 대해 설명합니다(예: javatpoint.com ).

포트 -

호스트의 포트를 식별합니다( 80 http의 기본값입니다).

길 -

서버 측에 경로를 생성합니다.

파일 이름 -

배열 C 문자열

리소스 또는 문서의 이름을 식별합니다.

에서 도메인 이름 얻기 URL ~에 자바스크립트 웹 분석이나 보안 목적으로 도메인 이름을 추출하는 등 다양한 이유로 유용한 작업이 될 수 있습니다. 이 답변에서는 자바스크립트의 URL에서 도메인 이름을 추출하는 다양한 방법과 그 장단점을 살펴보겠습니다.

1. window.location 객체 사용

자바스크립트의 URL에서 도메인 이름을 얻는 가장 간단한 방법은 다음을 사용하는 것입니다. window.location 객체 , 현재 URL에 대한 정보를 제공합니다. 그만큼 창.위치.호스트 속성은 포트 번호(있는 경우)를 포함하여 도메인 이름을 제공합니다. 예는 다음과 같습니다.

 Const domain = window.location.host; 

이 접근 방식은 간단하고 안정적이라는 장점이 있습니다. 그러나 현재 URL에 대해서만 작동하므로 다른 URL에서 도메인 이름을 추출해야 하는 경우 다른 방법을 사용해야 합니다.

2. URL 생성자 사용

자바스크립트의 URL에서 도메인 이름을 추출하는 또 다른 방법은 URL 생성자를 사용하는 것입니다. 이는 URL 문자열을 구문 분석하고 다양한 구성 요소에 대한 액세스를 제공할 수 있는 내장된 자바스크립트 개체입니다. 예는 다음과 같습니다.

bash는 구분 기호로 문자열을 분할합니다.
 Consturl = new URL('https://www.example.com/path/to/file.html'); Const domain = url.hostname; 

URL 생성자는 현재 URL뿐만 아니라 유효한 URL에서 도메인 이름을 추출할 수 있다는 장점이 있습니다. 하지만 최신 브라우저에서만 사용할 수 있으므로 사용하기 전에 지원되는지 확인해야 합니다.

3. 정규식 사용

자바스크립트의 URL에서 도메인 이름을 추출하는 고급 접근 방식은 정규식을 사용하는 것입니다. 정규식은 패턴 일치를 위한 강력한 도구이며 이를 사용하여 URL에서 도메인 이름을 추출할 수 있습니다. 예는 다음과 같습니다.

 Consturl = 'https://www.example.com/path/to/file.html'; Constdomain = url.match(/^(?:https?://)?(?:[^@
]+@)?(?:www.)?([^:/
]+)/im)[1]; 

이 정규식 패턴은 프로토콜( http 또는 https ), 사용자 이름, 비밀번호, 경로입니다. 콜론, 슬래시 또는 개행 문자를 포함하지 않고 앞에 선택적 프로토콜, 사용자 이름 및 비밀번호, 선택적 문자가 오는 일련의 문자가 처음 나타나는 방식으로 작동합니다. 'www.' 접두사. match 메소드는 전체 일치 항목과 캡처된 그룹을 포함하는 배열을 반환하므로 도메인 이름을 얻으려면 두 번째 항목(인덱스 1)을 추출해야 합니다.

이 접근 방식은 유연하고 다양한 URL 형식에 적응할 수 있다는 장점이 있지만 정규식 패턴이 충분히 정확하지 않으면 더 복잡하고 오류가 발생하기 쉽습니다.

4. DOM 사용

마지막으로 다음을 사용하여 자바스크립트의 URL에서 도메인 이름을 추출할 수도 있습니다. DOM . 숨겨진 앵커 요소를 만들고 설정할 수 있습니다. href 속성 도메인 이름을 추출하려는 URL로 이동한 다음 호스트 이름 속성을 읽습니다. 예는 다음과 같습니다.

 Consturl = 'https://www.example.com/path/to/file.html'; Const a = document.createelement('a'); A.href = url; Const domain = a.hostname; 

이 접근 방식은 이해하고 구현하기 쉽다는 장점이 있지만, DOM 요소 , 이 작업을 반복적으로 수행해야 하는 경우 성능에 약간의 영향을 미칠 수 있습니다.

결론

자바스크립트의 URL에서 도메인 이름을 추출하는 방법에는 여러 가지가 있으며 가장 좋은 방법은 요구 사항과 제약 조건에 따라 다릅니다. 현재 URL에서 도메인 이름만 추출해야 하는 경우 다음을 사용하세요. window.location 객체 가장 간단하고 믿을 수 있는 방법입니다.