JavaScript는 document 객체를 통해 문서와 관련된 다양한 정보를 얻을 수 있도록 지원합니다. 그중 document.domain 속성을 사용하면 현재 문서가 로드된 서버의 도메인을 손쉽게 확인할 수 있습니다.
document.domain이란?
document.domain은 브라우저에서 기본적으로 제공되는 내장 속성으로, 현재 실행 중인 문서가 속한 서버의 도메인 이름을 문자열로 반환합니다. 별도의 설치나 복잡한 설정 없이 즉시 사용할 수 있으며, 동일 출처 정책(Same-Origin Policy) 환경에서 서브도메인 간 통신을 허용해야 할 때도 활용됩니다.
예제
다음 예제에서는 문서가 "tutorialspoint" 서버에 로드되어 있습니다. 따라서 화면에 표시되는 도메인은 "www.tutorialspoint.com"입니다. 아래 코드처럼 document.getElementById()로 특정 요소를 선택한 뒤, 해당 요소의 innerHTML에 document.domain 값을 할당하면 됩니다.
<html>
<body>
<p id="domain"></p>
<script>
document.getElementById("domain").innerHTML =
'The domain name is :' + " " + document.domain;
</script>
</body>
</html>
실행 결과
The domain name is www.tutorialspoint.com
정리
이처럼 document.domain을 사용하면 단 한 줄의 코드로 현재 문서가 로드된 서버의 도메인을 확인할 수 있습니다. 웹 애플리케이션에서 현재 접속 환경을 판단하거나 개발 중 디버깅을 진행할 때 매우 유용하게 활용할 수 있습니다.