Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

HTML DOM एंकर उपयोगकर्ता नाम संपत्ति

<घंटा/>

एंकर टैग से जुड़ी 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>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

HTML DOM एंकर उपयोगकर्ता नाम संपत्ति

"उपयोगकर्ता सेट करें" पर क्लिक करने पर -

HTML DOM एंकर उपयोगकर्ता नाम संपत्ति

"उपयोगकर्ता प्राप्त करें" पर क्लिक करने पर -

HTML DOM एंकर उपयोगकर्ता नाम संपत्ति

उपरोक्त उदाहरण में -

हमने जॉन और पासवर्ड जॉन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;
}

  1. एचटीएमएल डोम एंकर खोज संपत्ति

    एंकर टैग () से संबद्ध HTML DOM खोज गुण, href गुण मान का क्वेरी स्ट्रिंग भाग लौटाता है। क्वेरी स्ट्रिंग भाग किसके बाद है? एक यूआरएल में और आमतौर पर सर्वर को जानकारी पास करने के लिए प्रयोग किया जाता है। इसका उपयोग तब किया जाता है जब सर्वर पर एक अनुरोध प्राप्त किया जाता है और जानकारी लिंक में क्लियरटेक

  1. HTML DOM एंकर रिले प्रॉपर्टी

    HTML DOM Anchor Rel गुण किसी लिंक की rel विशेषता लौटाता है। रिले विशेषता चल रहे दस्तावेज़ और लिंक किए गए दस्तावेज़ के बीच संबंध का वर्णन करती है। सिंटैक्स निम्नलिखित का सिंटैक्स है - a) रिले प्रॉपर्टी लौटाएं - anchorObject.rel b) रिले प्रॉपर्टी और माइनस सेट करें anchorObject.rel = "v

  1. एचटीएमएल डोम एंकर होस्टनाम संपत्ति

    HTML DOM एंकर होस्टनाम प्रॉपर्टी केवल URL का होस्टनाम लौटाती है। यह डोमेन नाम लौटाता है। सिंटैक्स होस्टनाम प्रॉपर्टी सेट करने के लिए सिंटैक्स निम्नलिखित है - anchorObj.hostname = hostname ऊपर, होस्टनाम URL का होस्टनाम है। सिंटैक्स होस्टनाम प्रॉपर्टी को वापस करने के लिए सिंटैक्स निम्नलिखित है - an