HTML DOM एंकर hostname प्रॉपर्टी: URL से डोमेन नाम प्राप्त करना

HTML DOM एंकर hostname प्रॉपर्टी URL का केवल होस्टनेम (डोमेन नाम) लौटाती है। यह पोर्ट नंबर, पाथ या क्वेरी पैरामीटर्स शामिल नहीं करती।

सिंटैक्स

होस्टनेम सेट करना:

anchorObj.hostname = hostname

होस्टनेम प्राप्त करना:

anchorObj.hostname

उदाहरण: hostname, host और hash की तुलना

<!DOCTYPE html>
<html>
<body>
  <h1>कंपनी</h1>
  <p><a id="mylink" href="https://www.demo.com:6064/abc/def.html#myteam">हमारी टीम</a></p>
  <h2 id="myid"></h2>
  <button onclick="display()">एंकर पार्ट प्रदर्शित करें</button>
  <button onclick="display2()">होस्ट पार्ट प्रदर्शित करें</button>
  <button onclick="display3()">होस्टनेम प्रदर्शित करें</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>

आउटपुट तुलना

hostname vs host

• hostname: केवल डोमेन नाम (उदाहरण: example.com)
• host: डोमेन नाम + पोर्ट (उदाहरण: example.com:8080)
• यदि पोर्ट डिफ़ॉल्ट है (HTTP के लिए 80, HTTPS के लिए 443), तो host और hostname समान होंगे