HTML DOM domain 속성 – 문서가 실행 중인 서버의 도메인 이름 확인하기

HTML DOM의 domain 속성은 현재 문서가 실행되고 있는 서버의 도메인 이름을 가져오는 데 사용됩니다. 이 속성은 도메인 이름을 문자열(string) 형태로 반환하며, 만약 도메인을 식별할 수 없는 경우 null 값을 반환합니다.

문법(Syntax)

domain 속성의 기본 문법은 다음과 같습니다.

document.domain

예제(Example)

HTML DOM domain 속성을 활용한 예제를 살펴보겠습니다.

<!DOCTYPE html>
<html>
<body>
<h1>domain 속성 예제</h1>
<p>아래 버튼을 클릭하면 도메인 이름 속성 값을 확인할 수 있습니다.</p>
<button onclick="getDomain()">도메인 가져오기</button>
<p id="Sample"></p>
<script>
    function getDomain() {
        var doc = document.domain;
        document.getElementById("Sample").innerHTML = "이 문서를 실행 중인 서버의 도메인 이름은 " + doc + " 입니다.";
    }
</script>
</body>
</html>

실행 결과(Output)

위 코드를 실행하면 다음과 같은 화면이 출력됩니다.

HTML DOM domain 속성 – 문서가 실행 중인 서버의 도메인 이름 확인하기

“도메인 가져오기(Get domain)” 버튼을 클릭하면 아래와 같이 결과가 표시됩니다.

HTML DOM domain 속성 – 문서가 실행 중인 서버의 도메인 이름 확인하기

코드 설명

먼저 사용자가 클릭하면 getDomain() 메서드를 실행하는 “도메인 가져오기” 버튼을 생성했습니다.

<button onclick="getDomain()">Get domain</button>

getDomain() 함수는 문서의 domain 속성 값을 읽어와 변수 doc에 할당합니다. 그런 다음 이 변수의 값을 id가 “Sample”로 지정된 단락(paragraph) 요소에 innerHTML 속성을 사용하여 화면에 출력합니다.

function getDomain() {
    var doc = document.domain;
    document.getElementById("Sample").innerHTML = "이 문서를 실행 중인 서버의 도메인 이름은 " + doc + " 입니다.";
}

참고 사항

document.domain 속성은 같은 출처 정책(same-origin policy)과 관련하여 유용하게 활용됩니다. 예를 들어, 서로 다른 하위 도메인 간의 통신이 필요한 경우 이 속성을 통해 도메인을 명시적으로 설정함으로써 스크립트 접근을 허용할 수 있습니다. 다만 보안상의 이유로 최신 브라우저에서는 이 속성의 설정 기능이 점차 제한되고 있으므로, 값을 읽어오는 용도로 사용하는 것이 권장됩니다.