एंकर टैग से जुड़ी HTML DOM एंकर उपयोगकर्ता नाम संपत्ति का उपयोग href विशेषता के उपयोगकर्ता नाम भाग के मान को सेट या वापस करने के लिए किया जाता है। उपयोगकर्ता नाम उपयोगकर्ता द्वारा दर्ज किया जाता है और अक्सर उपयोगकर्ता नाम-पासवर्ड जोड़ी में उपयोग किया जाता है। उपयोगकर्ता नाम मान प्रोटोकॉल के बाद और लिंक के पासवर्ड भाग के ठीक पहले निर्दिष्ट किया जाता है।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैउपयोगकर्ता नाम संपत्ति लौटाना -
anchorObject.username
उपयोगकर्ता नाम संपत्ति सेट करना -
anchorObject.username = UsernameValue
उदाहरण
आइए एंकर यूजरनेम प्रॉपर्टी का एक उदाहरण देखें -
<!DOCTYPE html> <html> <body> <p><a id="Anchor"href="https://john:[email protected]">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>
आउटपुट
यह निम्नलिखित आउटपुट देगा -
"उपयोगकर्ता सेट करें" पर क्लिक करने पर -
"उपयोगकर्ता प्राप्त करें" पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने जॉन और पासवर्ड जॉन123 के रूप में उपयोगकर्ता नाम के साथ एक लिंक लिया है।
<p><a id="Anchor" href="https://john:[email protected]">ExampleSite</a></p>
फिर हमारे पास दो बटन "सेट यूजर" और "गेट यूजर" फंक्शन चेंजयूजर () और गेटयूसर () को क्रमशः निष्पादित करने के लिए हैं।
<button onclick="changeUser()">Set User</button> <button onclick="GetUser()">Get User</button>
चेंज यूज़र () फ़ंक्शन हमारे द्वारा निर्दिष्ट उपयोगकर्ता नाम के लिंक में निर्दिष्ट उपयोगकर्ता नाम को बदलता है; हमारे मामले में "रोहन"। GetUser () फ़ंक्शन को इसके साथ जुड़े आईडी एंकर के लिंक से उपयोगकर्ता नाम मिलता है और "रोहन" तभी लौटाता है जब गेटयूसर () से पहले चेंजयूज़र () को कॉल किया जाता है। अन्यथा यह "जॉन" होगा।
function changeUser() { document.getElementById("Anchor").username = "Rohan"; } function GetUser() { var x=document.getElementById("Anchor").username; document.getElementById("Sample").innerHTML = x; }