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

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

HTML DOM Anchor password प्रॉपर्टी href एट्रिब्यूट मान के पासवर्ड भाग को सेट या प्राप्त करती है। पासवर्ड भाग उपयोगकर्ता द्वारा दर्ज किया जाता है और URL में उपयोगकर्ता नाम के बाद और होस्टनाम से पहले दिखाई देता है, जैसे: https://username:password@www.demo.com।

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

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

anchorObj.password = "password"

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

anchorObj.password

उदाहरण (केवल प्रदर्शन)

<!DOCTYPE html>
<html>
<body>
<h1>Company</h1>
<p><a id="mylink" hreflang="en" href="https://amit:mypwd123@www.abc.com">Products</a></p>
<h2 id="myid"></h2>
<button onclick="display()">Display password</button>
<button onclick="display2()">Display origin</button>
<button onclick="display3()">Display hreflang</button>
<script>
  function display() {
    var a = document.getElementById("mylink").password;
    document.getElementById("myid").innerHTML = a;
  }
  function display2() {
    var a = document.getElementById("mylink").origin;
    document.getElementById("myid").innerHTML = a;
  }
  function display3() {
    var a = document.getElementById("mylink").hreflang;
    document.getElementById("myid").innerHTML = a;
  }
</script>
</body>
</html>

आउटपुट

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

"Display password" बटन पर क्लिक करने पर पासवर्ड प्रदर्शित होगा:

स्पष्टीकरण

लिंक का href है: https://amit:mypwd123@www.abc.com

• password लौटाता है: mypwd123
• username लौटाता है: amit
• origin लौटाता है: https://www.abc.com

आधुनिक विकल्प

प्रमाणीकरण के लिए कभी भी URL में क्रेडेंशियल न डालें। इसके बजाय उपयोग करें:

• HTTP हेडर में Authorization (Bearer टोकन, Basic Auth)
• फॉर्म-आधारित लॉगिन
• OAuth / OpenID Connect