Anchor pathname प्रॉपर्टी क्या है?
HTML DOM Anchor pathname प्रॉपर्टी का उपयोग <a> एलिमेंट के href एट्रिब्यूट के पथ नाम (path name) को सेट या प्राप्त करने के लिए किया जाता है। पथनाम डोमेन के बाद का भाग होता है (उदाहरण: /abc/def.html)।
वाक्यविन्यास (Syntax)
सेट करने के लिए:
anchorObj.pathname = "path"
प्राप्त करने के लिए:
anchorObj.pathname
उदाहरण
<!DOCTYPE html>
<html>
<body>
<h1>Company</h1>
<p><a id="mylink" hreflang="en" href="https://abc.com/abc.html/#new">Products</a></p>
<h2 id="myid"></h2>
<button onclick="display1()">Display pathname</button>
<button onclick="display2()">Display hreflang</button>
<script>
function display1() {
var a = document.getElementById("mylink").pathname;
document.getElementById("myid").innerHTML = a;
}
function display2() {
var a = document.getElementById("mylink").hreflang;
document.getElementById("myid").innerHTML = a;
}
</script>
</body>
</html>
आउटपुट
प्रारंभिक पेज:
"Display pathname" पर क्लिक करने पर पथ भाग प्रदर्शित होगा:
स्पष्टीकरण
लिंक का href है: https://abc.com/abc.html/#new
- pathname लौटाता है:
/abc.html/ - hreflang लौटाता है:
en - hash लौटाता है:
#new - search लौटाता है:
""(खाली, क्योंकि कोई क्वेरी स्ट्रिंग नहीं)
उपयोगिता
pathname प्रॉपर्टी क्लाइंट-साइड रूटिंग, ब्रेडक्रंब नेविगेशन, या वर्तमान पृष्ठ के आधार पर सक्रिय मेनू आइटम हाइलाइट करने के लिए उपयोगी है।
