HTML DOM Anchor hostname 속성은 URL의 호스트 이름만 반환합니다. 도메인 이름을 반환합니다.
구문
다음은 호스트 이름 속성을 설정하는 구문입니다 -
anchorObj.hostname = hostname
위의 호스트 이름은 URL의 호스트 이름입니다.
구문
다음은 호스트 이름 속성을 반환하는 구문입니다 -
anchorObj.hostname
예시
이제 DOM Anchor 호스트 이름 속성을 구현하는 예를 살펴보겠습니다 -
<!DOCTYPE html>
<html>
<body>
<h1>Company</h1>
<p><a id="mylink" href="https://www.demo.com:6064/abc/def.html#myteam">Our Team</a></p>
<h2 id="myid"></h2>
<button onclick="display()">Display Anchor Part</button>
<button onclick="display2()">Display Host Part</button>
<button onclick="display3()">Display Hostname</button>
<script>
function display() {
var a = document.getElementById("mylink").hash;
document.getElementById("myid").innerHTML = a;
}
function display2() {
var a = document.getElementById("mylink").host;
document.getElementById("myid").innerHTML = a;
}
function display3() {
var a = document.getElementById("mylink").hostname;
document.getElementById("myid").innerHTML = a;
}
</script>
</body>
</html> 출력
이것은 다음과 같은 출력을 생성합니다 -
이제 호스트 이름 버튼을 클릭하여 호스트 이름을 가져옵니다 -
