HTML में <a> एलिमेंट href एट्रिब्यूट के साथ हाइपरलिंक्स बनाने के लिए उपयोग किया जाता है। एंकर ऑब्जेक्ट इस <a> एलिमेंट को दर्शाता है और जावास्क्रिप्ट के माध्यम से इसे मैनिपुलेट करने की अनुमति देता है।
उदाहरण: एंकर ऑब्जेक्ट एक्सेस करना
<!DOCTYPE html>
<html>
<body>
<h2>डेमो हेडिंग</h2>
<a href="https://google.com" id="myid">Google</a><br><br>
<button onclick="display()">लिंक प्रदर्शित करें</button>
<p id="demo">लिंक यहाँ प्रदर्शित होगा</p>
<script>
function display() {
var a = document.getElementById("myid").href;
document.getElementById("demo").innerHTML = a;
}
</script>
</body>
</html>
एंकर ऑब्जेक्ट के मुख्य गुण
| गुण | विवरण |
|---|---|
href |
पूरा URL लौटाता या सेट करता है |
hostname |
डोमेन नाम लौटाता या सेट करता है |
pathname |
पाथ नाम लौटाता या सेट करता है |
hash |
एंकर भाग (#) लौटाता या सेट करता है |
target |
टारगेट एट्रिब्यूट लौटाता या सेट करता है |
rel |
रिलेशनशिप एट्रिब्यूट लौटाता या सेट करता है |
उपयोग के मामले
- डायनामिक रूप से लिंक्स बदलना
- क्लिक इवेंट्स इंटरसेप्ट करना
- URL पैरामीटर्स पढ़ना/संशोधित करना
- एनालिटिक्स के लिए आउटबाउंड लिंक्स ट्रैक करना