एचटीएमएल डोम बेस href संपत्ति

<घंटा/>

HTML DOM बेस href प्रॉपर्टी <बेस> HTML टैग से जुड़ी है। <आधार> टैग का उपयोग वर्तमान HTML दस्तावेज़ में सभी संबंधित URL के लिए आधार URL निर्दिष्ट करने के लिए किया जाता है। एक HTML दस्तावेज़ में अधिकतम एक <आधार> टैग हो सकता है। बेस href प्रॉपर्टी, बेस एलिमेंट में href एट्रीब्यूट का मान लौटाती है।

सिंटैक्स

−

. के लिए वाक्य रचना निम्नलिखित है

href गुण सेट करना -

baseObject.href = URL

यहाँ, URL आधार URL है।

href गुण लौटाना -

baseObject.href

उदाहरण

आइए बेस href संपत्ति के लिए एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<base id="myBase" href="https://www.bing.com">
</head>
<body>
<a href="/images">IMAGES</a>
<p>Click the below button to change href value of the above link</p>
<button onclick="SetHref()">SET IT</button>
<button onclick="GetHref()">GET IT</button>
<p id="Sample"></p>
<script>
   function SetHref() {
      document.getElementById("myBase").href = "https://duckduckgo.com";
      document.getElementById("Sample").innerHTML = "Base URL was changed from bing.com
      to duckduckgo.com";
   }
   function GetHref(){
      var x=document.getElementById("myBase").href;
   document.getElementById("Sample").innerHTML = x;
   }
</script>
</body>
</html>

आउटपुट

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

एचटीएमएल डोम बेस href संपत्ति

SET IT बटन पर क्लिक करने पर -

एचटीएमएल डोम बेस href संपत्ति

GET IT बटन पर क्लिक करने पर -

एचटीएमएल डोम बेस href संपत्ति

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

हमने सबसे पहले "myBase" आईडी के साथ एक <आधार> तत्व बनाया है और विशेषता href के साथ मान https://www.bing.com

के बराबर है।

<base id="myBase" href="https://www.bing.com">

हमने तब विशेषता href के साथ एक एंकर तत्व बनाया है और मान "/images" के बराबर है। यहाँ "/images" एक सापेक्ष पथ है क्योंकि आधार पथ बेस टैग में दिया गया है। आधार और एंकर तत्व यूआरएल दोनों को मिलाकर यह https://www.bing.com/images बन जाएगा।

<a href="/images">IMAGES</a>

फिर हमने दो बटन SET IT और GET IT को क्रमशः SetHref() और GetHref() कॉल करने के लिए बनाया है।

<button onclick="SetHref()">SET IT</button>
<button onclick="GetHref()">GET IT</button>

SetHref () फ़ंक्शन "myBase" आईडी का उपयोग करके <आधार> तत्व प्राप्त करता है। इसके बाद यह href संपत्ति का उपयोग करके https://www.duckduckgo.com पर अपना URL सेट करता है। परिवर्तन सफलता संदेश पैराग्राफ में "नमूना" आईडी के साथ प्रदर्शित होता है।

function SetHref() {
   document.getElementById("myBase").href = "https://duckduckgo.com";
   document.getElementById("Sample").innerHTML = "Base URL was changed from bing.com to .comduckduckgo";
}

GetHref() "myBase" आईडी का उपयोग करके <आधार> तत्व प्राप्त करता है। इसके बाद यह href प्रॉपर्टी का उपयोग करके अपना URL प्राप्त करता है और इसे वेरिएबल x को असाइन करता है। पैराग्राफ इनर HTML को फिर innerHTML() प्रॉपर्टी का उपयोग करके x में बदल दिया जाता है। यह <आधार> तत्व का href मान प्रदर्शित करेगा।

function GetHref(){
   var x=document.getElementById("myBase").href;
   document.getElementById("Sample").innerHTML = x;
}