Computer >> Máy Tính >  >> Lập trình >> HTML

Thuộc tính tên máy chủ HTML DOM Anchor

Thuộc tính tên máy chủ HTML DOM Anchor chỉ trả về tên máy chủ của URL. Nó trả về tên miền.

Cú pháp

Sau đây là cú pháp để đặt thuộc tính tên máy chủ -

anchorObj.hostname = hostname

Ở trên, tên máy chủ là tên máy chủ của URL.

Cú pháp

Sau đây là cú pháp để trả về thuộc tính tên máy chủ -

anchorObj.hostname

Ví dụ

Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính tên máy chủ 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>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Thuộc tính tên máy chủ HTML DOM Anchor

Bây giờ, hãy nhấp vào nút tên máy chủ để lấy tên máy chủ -

Thuộc tính tên máy chủ HTML DOM Anchor