HTML DOM एंकर (Anchor) protocol प्रॉपर्टी

Anchor protocol प्रॉपर्टी क्या है?

HTML DOM Anchor protocol प्रॉपर्टी का उपयोग <a> एलिमेंट के href एट्रिब्यूट में प्रोटोकॉल (protocol) को सेट या प्राप्त करने के लिए किया जाता है। प्रोटोकॉल URL का वह भाग होता है जो कॉलन (:) से पहले आता है, जैसे http:, https:, ftp: आदि।

वाक्यविन्यास (Syntax)

सेट करने के लिए:

anchorObj.protocol = "protocol_url"

प्राप्त करने के लिए:

anchorObj.protocol

उदाहरण

नीचे एक लिंक है और बटन हैं जो इसके विभिन्न URL भागों को प्रदर्शित करते हैं:

<!DOCTYPE html>
<html>
<body>
<h1>डेमो हेडिंग</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>

आउटपुट

प्रारंभिक पेज:

"Display Protocol" बटन पर क्लिक करने के बाद प्रोटोकॉल प्रदर्शित होगा:

स्पष्टीकरण

लिंक का href है: https://abc.com:6064/abc.html/#new

• protocol लौटाता है: https: (कॉलन सहित)
• hostname लौटाता है: abc.com
• port लौटाता है: 6064
• pathname लौटाता है: /abc.html/
• hash लौटाता है: #new

उपयोगिता

यह प्रॉपर्टी URL पार्सिंग, रीडायरेक्शन लॉजिक, या सुरक्षा जांच (जैसे केवल HTTPS लिंक अनुमति देना) के लिए उपयोगी है।