Anchor href प्रॉपर्टी क्या है?
HTML DOM Anchor href प्रॉपर्टी का उपयोग <a> एलिमेंट के href एट्रिब्यूट को सेट या प्राप्त करने के लिए किया जाता है। यह लिंक का URL लौटाता है।
वाक्यविन्यास (Syntax)
सेट करने के लिए:
anchorObj.href = "URL"
ऊपर, URL लिंक का URL है। यह एक पूर्ण (absolute), सापेक्ष (relative), या हैश (#) के साथ एंकर लिंक हो सकता है।
प्राप्त करने के लिए:
anchorObj.href
उदाहरण
<!DOCTYPE html>
<html>
<body>
<h1>Company</h1>
<p><a id="mylink" href="https://www.abc.com:6064/abc/def.html#myteam">Our Team</a></p>
<h2 id="myid"></h2>
<button onclick="display()">Display href Part</button>
<button onclick="display2()">Display Host Part</button>
<button onclick="display3()">Display Hostname</button>
<script>
function display() {
var a = document.getElementById("mylink").href;
document.getElementById("myid").innerHTML = a;
}
function display2() {
var a = document.getElementById("mylink").host;
document.getElementById("myid").innerHTML = a;
}
function display3() {
var a = document.getElementById("mylink").hostname;
document.getElementById("myid").innerHTML = a;
}
</script>
</body>
</html>
आउटपुट
प्रारंभिक पेज:
"Display href Part" पर क्लिक करने पर URL प्रदर्शित होगा:
स्पष्टीकरण
लिंक का href है: https://www.abc.com:6064/abc/def.html#myteam
- href (प्रॉपर्टी) लौटाता है: पूर्ण निरपेक्ष URL (ब्राउज़र द्वारा हल किया गया)
- host लौटाता है:
www.abc.com:6064 - hostname लौटाता है:
www.abc.com - pathname लौटाता है:
/abc/def.html - hash लौटाता है:
#myteam - protocol लौटाता है:
http: - origin लौटाता है:
https://www.abc.com:6064
नोट: href एट्रिब्यूट बनाम href प्रॉपर्टी
anchor.getAttribute('href')- HTML में लिखित सटीक मान लौटाता है (सापेक्ष हो सकता है)।anchor.href(प्रॉपर्टी) - हमेशा निरपेक्ष URL लौटाता है।
