JavaScript에서 도메인 이름 가져오기
이 기사에서는 JavaScript 이벤트 및 기능을 사용하여 웹 페이지를 실행하는 동안 프로그래밍 방식으로 도메인 이름을 얻는 방법에 대해 설명합니다.
도메인 이름
우리는 도메인 이름을 사용하여 클라이언트 측 애플리케이션에서 웹 사이트 또는 웹 페이지에 액세스합니다. IP 주소(숫자)에 매핑되는 텍스트 형식 문자열입니다.
특정 웹 사이트를 호출하고 호출하기 위해 사용자가 웹 브라우저 검색에 입력하는 문자열을 도메인 이름이라고 합니다. 예를 들어 delftstack.com은 DelftStack의 도메인 이름입니다.
예:
let url = 'https://www.delftstack.com/' // delftstack.com is a domain name
웹 사이트나 웹 페이지를 개발한다고 가정해 보겠습니다. 그리고 어떤 상황에서는 웹사이트 실행 시간 동안 프로그래밍 방식으로 현재 도메인 이름을 찾아서 사용해야 합니다.
이 경우 JavaScript를 사용하여 처리할 수 있습니다.
JavaScript에서 도메인 이름 가져오기
지금 브라우저 콘솔을 열고 window.location.hostname 개체를 소싱하면 이 페이지의 호스트 이름이 delftstack.com인 것을 볼 수 있습니다.
window.location은 현재 페이지 URL을 문자열로 찾을 수 있는 JavaScript의 개체이며 브라우저를 다른 페이지로 리디렉션할 수 있습니다.
window.location.hostname 속성은 현재 페이지의 인터넷 호스트 이름을 반환합니다. 웹 페이지가 라이브 도메인 호스팅에 있는 경우 window.location.hostname을 사용하여 URL을 얻을 수 있습니다.
통사론:
let hostname = window.location.hostname
예:
<!DOCTYPE html>
<html>
<body>
<h1>DelftStack learnig</h1>
<h2>JavaScript get domain name example</h2>
<p id="para"></p>
<script>
let result = ''
let removeValue = 'www.'
let domainName = window.location.hostname;
result = domainName.replace(removeValue,'')
document.getElementById("para").innerHTML =
"Current page hostname is: " + result;
</script>
</body>
</html>
코드 설명:
- 위의 HTML 소스에서 단락 요소 태그
<p></p>를 사용하고 해당 요소에 ID를 할당했습니다. <script>태그 내에서window.location.hostname을 사용하여domainName변수를 선언하고 초기화했습니다. 전체 URL을 문자열로 가져옵니다.- 이제 도메인만 찾기 위해 해당 문자열을 트리밍하기 위해
removeValue변수를 초기화하고www.를 할당했습니다. - JavaScript 기본 메소드
replace()에서 해당 변수를 사용하여www.를 제거했습니다. URL에서 최종 값을result변수에 저장합니다. - 마지막으로
document.getElementById()메서드를 사용하여result문자열을 표시했습니다. - 위의 소스를 HTML 확장자로 저장하고 결과를 볼 수 있습니다. 해당 HTML 문서를 라이브 도메인에서 호스팅해야 합니다.
로컬에 저장된 HTML 문서 사용
라이브 도메인 호스팅이 없는 경우 window.location.href를 사용하여 시스템에 로컬로 저장된 웹페이지의 경로를 찾을 수 있습니다. HTML 문서의 전체 경로를 반환합니다.
통사론:
let pathValue =
window.location.href // file:///C:/Users/username/foldername/filename.html