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

Thuộc tính giao thức HTML DOM Anchor

Thuộc tính giao thức HTML DOM Anchor được sử dụng để đặt hoặc trả về giao thức của một liên kết trong thuộc tính href.

Sau đây là cú pháp để đặt thuộc tính giao thức -

anchorObj.protocol = protocol_url

Ở trên, protocol_url là giao thức của URL. Các giá trị có thể là http, https, ftp, v.v.

Sau đây là cú pháp để trả về thuộc tính giao thức -

anchorObj.protocol

Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính giao thức DOM Anchor -

Ví dụ

<!DOCTYPE html>
<html>
<body>
<h1>Demo Heading</h1>
<p>Link = <a id="mylink" hreflang="en" href="https −//abc.com −6064/abc.html/#new">Services</a></p>
<h2 id="myid"></h2>
<button onclick="display1()">Display pathname</button>
<button onclick="display2()">Display hreflang</button>
<button onclick="display3()">Display port</button>
<button onclick="display4()">Display protocol</button>
<script>
   function display1() {
      var a = document.getElementById("mylink").pathname;
      document.getElementById("myid").innerHTML = a;
   }
   function display2() {
      var a = document.getElementById("mylink").hreflang;
      document.getElementById("myid").innerHTML = a;
   }
   function display3() {
      var a = document.getElementById("mylink").port;
      document.getElementById("myid").innerHTML = a;
   }
   function display4() {
      var a = document.getElementById("mylink").protocol;
      document.getElementById("myid").innerHTML = a;
   }
</script>
</body>
</html>

Đầu ra

Thuộc tính giao thức HTML DOM Anchor

Nhấp vào “ Giao thức hiển thị Nút ”-

Thuộc tính giao thức HTML DOM Anchor