एंकर टैग से जुड़ी HTML DOM anchor username प्रॉपर्टी href एट्रिब्यूट के username भाग के मान को सेट या लौटाने के लिए उपयोग की जाती है। username यूज़र द्वारा दर्ज किया जाता है और अक्सर username-password जोड़ी में उपयोग किया जाता है। username मान प्रोटोकॉल के बाद और लिंक के password भाग से ठीक पहले निर्दिष्ट किया जाता है।
सिंटैक्स
निम्नलिखित सिंटैक्स है -
username प्रॉपर्टी लौटाना -
anchorObject.username
username प्रॉपर्टी सेट करना -
anchorObject.username = UsernameValue
उदाहरण
आइए anchor username प्रॉपर्टी का एक उदाहरण देखें -
<!DOCTYPE html> <html> <body> <p><a id="Anchor"href="https://john:john123@www.examplesite.com">ExampleSite</a></p> <p>Click the button to change username</p> <button onclick="changeUser()">Set User</button> <button onclick="GetUser()">Get User</button> <p id="Sample"></p> <script> function changeUser() { document.getElementById("Anchor").username = "Rohan"; } function GetUser() { var x=document.getElementById("Anchor").username; document.getElementById("Sample").innerHTML = x; } </script> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा -
“Set User” पर क्लिक करने पर -
“Get User” पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने username के रूप में john और password john123 के साथ एक लिंक लिया है।
<p><a id="Anchor" href="https://john:john123@www.examplesite.com">ExampleSite</a></p>
फिर हमारे पास changeUser() और GetUser() फ़ंक्शन को क्रमशः निष्पादित करने के लिए “Set User” और “Get User” दो बटन हैं।
<button onclick="changeUser()">Set User</button> <button onclick="GetUser()">Get User</button>
changeUser() फ़ंक्शन लिंक में निर्दिष्ट username को हमारे द्वारा निर्दिष्ट username में बदल देता है; हमारे मामले में “Rohan”। GetUser() फ़ंक्शन id Anchor से जुड़े लिंक से username प्राप्त करता है और केवल तभी “Rohan” लौटाता है जब GetUser() से पहले changeUser() को कॉल किया गया हो। अन्यथा यह “john” होगा।
function changeUser() { document.getElementById("Anchor").username = "Rohan"; } function GetUser() { var x=document.getElementById("Anchor").username; document.getElementById("Sample").innerHTML = x; }
