คุณสมบัติ protocol ของ Anchor ใน HTML DOM

คุณสมบัติ protocol ของ Anchor ใน HTML DOM

คุณสมบัติ protocol ของ Anchor ใน HTML DOM ใช้สำหรับตั้งค่าหรือคืนค่าโปรโตคอลของลิงก์ในแอตทริบิวท์ href

รูปแบบการตั้งค่าคุณสมบัติ protocol:

anchorObj.protocol = protocol_url

โดย protocol_url คือโปรโตคอลของ URL ค่าที่เป็นไปได้ เช่น http, https, ftp ฯลฯ

รูปแบบการคืนค่าคุณสมบัติ protocol:

anchorObj.protocol

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
  <h1>หัวข้อตัวอย่าง</h1>
  <p>ลิงก์ = <a id="mylink" hreflang="en" href="https://abc.com/abc.html/#new">บริการ</a></p>
  <h2 id="myid"></h2>
  <button onclick="display1()">แสดง pathname</button>
  <button onclick="display2()">แสดง hreflang</button>
  <button onclick="display3()">แสดง port</button>
  <button onclick="display4()">แสดง 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>

ผลลัพธ์

คลิกที่ปุ่ม แสดง protocol: